@arcgis/coding-components 5.1.0-next.99 → 5.2.0-next.0

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

@@ -1,107 +1,126 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { g as q, c as W } from "../../chunks/runtime.js";
-import { css as Q, html as l, nothing as F } from "lit";
-import { i as X } from "../../chunks/monaco-importer.js";
-import { LitElement as K, createEvent as O, safeClassMap as x } from "@arcgis/lumina";
-import { generateGuid as Y } from "@arcgis/toolkit/string";
-import { D as J, e as U, i as L } from "../../chunks/arcade-executor.js";
-import { s as Z, a as ee } from "../../chunks/arcade-service-accessors.js";
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { g as Z, c as ee } from "../../chunks/runtime.js";
+import { css as te, html as d, nothing as O } from "lit";
+import { i as se } from "../../chunks/monaco-importer.js";
+import { LitElement as ie, createEvent as N, safeClassMap as x } from "@arcgis/lumina";
+import { generateGuid as ae } from "@arcgis/toolkit/string";
+import { i as v, D as ne, e as z } from "../../chunks/arcade-executor.js";
+import { s as re, a as oe } from "../../chunks/arcade-service-accessors.js";
 import { b as P } from "../../chunks/arcade-defaults.js";
-import { u as te } from "../../chunks/useT9n.js";
-import { createRef as se, ref as ie } from "lit/directives/ref.js";
-import { load as ae } from "@arcgis/lumina/controllers";
-import j from "@arcgis/core/identity/IdentityManager.js";
-import { log as ne, rethrowError as g } from "@arcgis/toolkit/log";
-import { watch as T } from "@arcgis/core/core/reactiveUtils.js";
-import f from "@arcgis/core/core/Accessor.js";
-import { property as o, subclass as m } from "@arcgis/core/core/accessorSupport/decorators.js";
-import { A as N } from "../../chunks/ArcadeDebuggerPreviewTabsState.js";
-import { r as oe } from "../../chunks/utilities.js";
-import { Range as z, KeyCode as re } from "monaco-editor";
-const ce = Q`:host{height:100%}calcite-tooltip:not([calcite-hydrated])>*{display:none}.main-action-bar{calcite-action-group{padding-inline-end:var(--calcite-spacing-sm)}calcite-action-group calcite-action{padding-inline-end:var(--calcite-spacing-sm)}calcite-action-group 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)}}.bottom-action-bar.is-collapsed{border-bottom:0}`, H = "https://services6.arcgis.com/HXHga6CfMLMBOlBX/ArcGIS/rest/services/survey123_6e349a50b4504ca6b6107216d568db5f_form/FeatureServer/0", p = (t, e) => ne(t, "Arcade Assistant", e), le = (t) => {
+import { setArcadeAskAiBinding as D, arcadeAskAiCommandId as ce, arcadeQuickFixKind as le } from "../../chunks/arcade-mode.js";
+import { u as de } from "../../chunks/useT9n.js";
+import { createRef as K, ref as H } from "lit/directives/ref.js";
+import { load as ue } from "@arcgis/lumina/controllers";
+import q from "@arcgis/core/identity/IdentityManager.js";
+import { log as he, rethrowError as u } from "@arcgis/toolkit/log";
+import { watch as I } from "@arcgis/core/core/reactiveUtils.js";
+import m from "@arcgis/core/core/Accessor.js";
+import { property as o, subclass as f } from "@arcgis/core/core/accessorSupport/decorators.js";
+import { A as j } from "../../chunks/ArcadeDebuggerPreviewTabsState.js";
+import { r as ge } from "../../chunks/utilities.js";
+import { Range as V, KeyCode as pe, Uri as be } from "monaco-editor";
+const _e = te`:host{height:100%}calcite-tooltip:not([calcite-hydrated])>*{display:none}.main-action-bar{calcite-action-group{padding-inline-end:var(--calcite-spacing-sm)}calcite-action-group calcite-action{padding-inline-end:var(--calcite-spacing-sm)}calcite-action-group 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)}}.bottom-action-bar.is-collapsed{border-bottom:0}`, G = "https://services6.arcgis.com/HXHga6CfMLMBOlBX/ArcGIS/rest/services/survey123_6e349a50b4504ca6b6107216d568db5f_form/FeatureServer/0", p = (t, e) => {
+  he(t, "Arcade Assistant", e);
+}, Q = [
+  "orgAiAssistantsEnabled",
+  "betaAppsAllowed",
+  "serviceUrlAvailable",
+  "userHasUseAiAssistantsPrivilege"
+], me = Q, W = (t, e) => e.every((s) => t[s] === !0), fe = (t) => {
   const { aiAssistantsEnabled: e } = t;
   return e === void 0 ? (p("warn", "`areAiAssistantsEnabled` is not defined in the organizations settings."), !1) : e;
-}, de = (t) => !(!t || !("id" in t)), ue = async (t) => (await j.getCredential(t, { oAuthPopupConfirmation: !1 })).token, he = async (t) => {
+}, Se = (t) => !(!t || !("id" in t)), Ae = async (t) => (await q.getCredential(t, { oAuthPopupConfirmation: !1 })).token, xe = async (t) => {
   try {
-    return !!await j.checkSignInStatus(t);
+    return !!await q.checkSignInStatus(t);
   } catch {
     return p("warn", "User is not signed in."), !1;
   }
 };
-async function ge({
+async function Pe({
   portalUrl: t,
   profile: e
 }) {
-  if (!de(e))
+  if (!Se(e))
     return p("warn", "Addon initialization failed. Reason: unsupported profile."), { shouldRender: !1 };
   const s = t.replace(/\/sharing\/rest(\/.*)?$/iu, "").replace(/\/$/u, "");
-  if (!await he(s))
+  if (!await xe(s))
     return { shouldRender: !1 };
-  const a = await ue(t), r = `${s}/sharing/rest/portals/self?f=json&token=${a}`, n = `${s}/sharing/rest/portals/self/settings?f=json&token=${a}`, d = `${s}/sharing/rest/portals/self/signinSettings?f=json&token=${a}`, E = await Promise.allSettled([
-    fetch(r, { credentials: "include" }).then((S) => S.json()),
-    fetch(n, { credentials: "include" }).then((S) => S.json()),
-    fetch(d, { credentials: "include" }).then((S) => S.json())
-  ]), [w, R, C] = E, D = w.status === "fulfilled" ? w.value : (p("warn", `Failed to fetch selfUrl. Reason: ${w.reason}.`), {}), M = R.status === "fulfilled" ? R.value : (p("warn", `Failed to fetch settingsUrl. Reason: ${R.reason}.`), {}), G = C.status === "fulfilled" ? C.value : (p("warn", `Failed to fetch signinSettingsUrl. Reason: ${C.reason}.`), {});
-  if (D.isPortal)
+  const a = await Ae(t), r = `${s}/sharing/rest/portals/self?f=json&token=${a}`, n = `${s}/sharing/rest/portals/self/settings?f=json&token=${a}`, c = `${s}/sharing/rest/portals/self/signinSettings?f=json&token=${a}`, Y = await Promise.allSettled([
+    fetch(r, { credentials: "include" }).then((A) => A.json()),
+    fetch(n, { credentials: "include" }).then((A) => A.json()),
+    fetch(c, { credentials: "include" }).then((A) => A.json())
+  ]), [k, C, B] = Y, S = k.status === "fulfilled" ? k.value : (p("warn", `Failed to fetch selfUrl. Reason: ${k.reason}.`), {}), L = C.status === "fulfilled" ? C.value : (p("warn", `Failed to fetch settingsUrl. Reason: ${C.reason}.`), {}), J = B.status === "fulfilled" ? B.value : (p("warn", `Failed to fetch signinSettingsUrl. Reason: ${B.reason}.`), {});
+  if (S.isPortal)
     return { shouldRender: !1 };
-  const k = D.helpBase || "";
-  if (!M)
+  const T = S.helpBase || "";
+  if (!L)
     return p("warn", "Settings response is not available."), { shouldRender: !1 };
-  let I = le(M);
-  G.blockBetaApps === !0 && (p(
+  const E = {
+    orgAiAssistantsEnabled: fe(L),
+    betaAppsAllowed: J.blockBetaApps !== !0,
+    serviceUrlAvailable: !!S?.helperServices?.aiAssistantServices?.url,
+    userHasUseAiAssistantsPrivilege: S?.user?.privileges?.includes("portal:user:useAIAssistants") === !0
+  };
+  E.betaAppsAllowed || p(
     "warn",
     "Arcade Assistant is blocked by the organization settings. To enable it, do not block beta apps in the organization settings."
-  ), I = !1), D?.user?.privileges?.includes("portal:user:useAIAssistants") || (p("warn", "User does not have the required privileges to use AI Assistants."), I = !1);
-  const B = D?.helperServices?.aiAssistantServices?.url;
-  return B ? {
+  ), E.userHasUseAiAssistantsPrivilege || p("warn", "User does not have the required privileges to use AI Assistants.");
+  const M = W(E, me), F = W(E, Q), U = S?.helperServices?.aiAssistantServices?.url;
+  return U ? {
     shouldRender: !0,
-    serviceUrl: B,
-    helpBase: k,
-    assistantsEnabled: I,
-    feedbackServiceUrl: H
+    availableFeatures: {
+      codeActions: M,
+      prompting: F
+    },
+    serviceUrl: U,
+    helpBase: T,
+    feedbackServiceUrl: G
   } : {
     shouldRender: !0,
-    assistantsEnabled: !1,
-    helpBase: k,
-    feedbackServiceUrl: H
+    availableFeatures: {
+      codeActions: M,
+      prompting: F
+    },
+    helpBase: T,
+    feedbackServiceUrl: G
   };
 }
-var pe = Object.defineProperty, be = Object.getOwnPropertyDescriptor, _ = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? be(e, s) : e, r = t.length - 1, n; r >= 0; r--)
+var ve = Object.defineProperty, ye = Object.getOwnPropertyDescriptor, _ = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? ye(e, s) : e, r = t.length - 1, n; r >= 0; r--)
     (n = t[r]) && (a = (i ? n(e, s, a) : n(a)) || a);
-  return i && a && pe(e, s, a), a;
+  return i && a && ve(e, s, a), a;
 };
-const V = 100;
-let u = class extends f {
+const X = 100;
+let h = class extends m {
   constructor(t) {
-    super(t), this.collectionItems = [], this.errorMessage = "", this.expanded = !1, this.requestId = 0, this.status = "idle", this.visibleChildCount = V;
+    super(t), this.collectionItems = [], this.errorMessage = "", this.expanded = !1, this.requestId = 0, this.status = "idle", this.visibleChildCount = X;
   }
 };
 _([
   o()
-], u.prototype, "collectionItems", 2);
+], h.prototype, "collectionItems", 2);
 _([
   o()
-], u.prototype, "errorMessage", 2);
+], h.prototype, "errorMessage", 2);
 _([
   o()
-], u.prototype, "expanded", 2);
+], h.prototype, "expanded", 2);
 _([
   o()
-], u.prototype, "requestId", 2);
+], h.prototype, "requestId", 2);
 _([
   o()
-], u.prototype, "schemaValue", 2);
+], h.prototype, "schemaValue", 2);
 _([
   o()
-], u.prototype, "status", 2);
+], h.prototype, "status", 2);
 _([
   o()
-], u.prototype, "visibleChildCount", 2);
-u = _([
-  m("ArcadeDebuggerLazyTreeNodeState")
-], u);
-let A = class extends f {
+], h.prototype, "visibleChildCount", 2);
+h = _([
+  f("ArcadeDebuggerLazyTreeNodeState")
+], h);
+let w = class extends m {
   constructor(t) {
     super(t), this.generation = 0, this.nodes = /* @__PURE__ */ new Map();
   }
@@ -112,7 +131,7 @@ let A = class extends f {
     const i = this.nodes.get(t);
     if (i)
       return i;
-    const a = new u();
+    const a = new h();
     return a.expanded = e, this.nodes.set(t, a), e && s && this.loadNode(t, s), a;
   }
   setExpanded(t, e, s) {
@@ -125,7 +144,7 @@ let A = class extends f {
   }
   showMore(t, e) {
     const s = this.ensureNode(t);
-    s.visibleChildCount >= e || (s.visibleChildCount = Math.min(e, s.visibleChildCount + V));
+    s.visibleChildCount >= e || (s.visibleChildCount = Math.min(e, s.visibleChildCount + X));
   }
   loadNode(t, e) {
     switch (e.kind) {
@@ -147,8 +166,8 @@ let A = class extends f {
       return;
     const a = this.generation, r = i.requestId + 1;
     i.requestId = r, i.status = "loading", i.errorMessage = "", i.schemaValue = void 0, i.collectionItems = [], e().then((n) => {
-      const d = this.nodes.get(t);
-      !d || this.generation !== a || d.requestId !== r || (s(d, n), d.status = "loaded");
+      const c = this.nodes.get(t);
+      !c || this.generation !== a || c.requestId !== r || (s(c, n), c.status = "loaded");
     }).catch(() => {
       const n = this.nodes.get(t);
       !n || this.generation !== a || n.requestId !== r || (n.status = "error");
@@ -160,15 +179,15 @@ let A = class extends f {
     this.nodes.clear();
   }
 };
-A = _([
-  m("ArcadeDebuggerLazyTreeState")
-], A);
-var _e = Object.defineProperty, fe = Object.getOwnPropertyDescriptor, c = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? fe(e, s) : e, r = t.length - 1, n; r >= 0; r--)
+w = _([
+  f("ArcadeDebuggerLazyTreeState")
+], w);
+var $e = Object.defineProperty, Ee = Object.getOwnPropertyDescriptor, l = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Ee(e, s) : e, r = t.length - 1, n; r >= 0; r--)
     (n = t[r]) && (a = (i ? n(e, s, a) : n(a)) || a);
-  return i && a && _e(e, s, a), a;
+  return i && a && $e(e, s, a), a;
 };
-let b = class extends f {
+let b = class extends m {
   constructor(t) {
     super(t), this.phase = "idle", this.sessionId = 0, this.consoleLogs = [], this.hasExecuted = !1;
   }
@@ -191,28 +210,28 @@ let b = class extends f {
     this.consoleLogs = [...this.consoleLogs, t];
   }
 };
-c([
+l([
   o()
 ], b.prototype, "phase", 2);
-c([
+l([
   o()
 ], b.prototype, "mode", 2);
-c([
+l([
   o()
 ], b.prototype, "sessionId", 2);
-c([
+l([
   o()
 ], b.prototype, "result", 2);
-c([
+l([
   o()
 ], b.prototype, "consoleLogs", 2);
-c([
+l([
   o()
 ], b.prototype, "hasExecuted", 2);
-b = c([
-  m("ArcadeDebuggerExecutionModel")
+b = l([
+  f("ArcadeDebuggerExecutionModel")
 ], b);
-let y = class extends f {
+let R = class extends m {
   constructor(t) {
     super(t), this.breakpoints = [];
   }
@@ -227,27 +246,27 @@ let y = class extends f {
     this.breakpoints = [];
   }
 };
-c([
+l([
   o()
-], y.prototype, "breakpoints", 2);
-y = c([
-  m("ArcadeDebuggerSessionModel")
-], y);
-let v = class extends f {
+], R.prototype, "breakpoints", 2);
+R = l([
+  f("ArcadeDebuggerSessionModel")
+], R);
+let y = class extends m {
   constructor(t) {
     super(t), this.openedPanel = "output", this.showPanel = !1;
   }
 };
-c([
+l([
   o()
-], v.prototype, "openedPanel", 2);
-c([
+], y.prototype, "openedPanel", 2);
+l([
   o()
-], v.prototype, "showPanel", 2);
-v = c([
-  m("ArcadeDebuggerUiModel")
-], v);
-let $ = class extends f {
+], y.prototype, "showPanel", 2);
+y = l([
+  f("ArcadeDebuggerUiModel")
+], y);
+let $ = class extends m {
   constructor(t) {
     super(t);
   }
@@ -264,18 +283,18 @@ let $ = class extends f {
     this.pausedState = t, this.lastPausedState = t;
   }
 };
-c([
+l([
   o()
 ], $.prototype, "pausedState", 2);
-c([
+l([
   o()
 ], $.prototype, "lastPausedState", 2);
-$ = c([
-  m("ArcadeDebuggerPausedFrameModel")
+$ = l([
+  f("ArcadeDebuggerPausedFrameModel")
 ], $);
-let h = class extends f {
+let g = class extends m {
   constructor(t) {
-    super(t), this.execution = new b(), this.lazyTreeState = new A(), this.pausedFrame = new $(), this.previewTabsState = new N(), this.session = new y(), this.ui = new v();
+    super(t), this.execution = new b(), this.lazyTreeState = new w(), this.pausedFrame = new $(), this.previewTabsState = new j(), this.session = new R(), this.ui = new y();
   }
   get breakpoints() {
     return this.session.breakpoints;
@@ -354,8 +373,8 @@ let h = class extends f {
   completeDebug(t) {
     this.execution.mode = "debug", this.execution.result = { resultType: "debug", result: t }, this.execution.phase = "completed", this.ui.openedPanel = "output", this.pausedFrame.reset(), this.resetTransientDebuggerState();
   }
-  completeRun(t) {
-    this.execution.mode = "run", this.execution.result = { resultType: "run", result: t }, this.execution.phase = "completed", this.pausedFrame.reset(), this.resetTransientDebuggerState();
+  completeRun(t, e = {}) {
+    this.execution.mode = "run", !e.useDebugRenderer && v(t) ? this.execution.result = { resultType: "run", result: t } : e.useDebugRenderer && !v(t) && (this.execution.result = { resultType: "debug", result: t }), this.execution.phase = "completed", this.pausedFrame.reset(), this.resetTransientDebuggerState();
   }
   continueDebug() {
     const t = this.pausedFrame.pausedState?.continue;
@@ -423,42 +442,42 @@ let h = class extends f {
     this.pausedLine = void 0, this.lazyTreeState.reset(), this.previewTabsState.clear();
   }
   replaceTransientDebuggerState() {
-    this.pausedLine = void 0, this.lazyTreeState = new A(), this.previewTabsState = new N();
+    this.pausedLine = void 0, this.lazyTreeState = new w(), this.previewTabsState = new j();
   }
 };
-c([
+l([
   o()
-], h.prototype, "execution", 2);
-c([
+], g.prototype, "execution", 2);
+l([
   o()
-], h.prototype, "lazyTreeState", 2);
-c([
+], g.prototype, "lazyTreeState", 2);
+l([
   o()
-], h.prototype, "pausedLine", 2);
-c([
+], g.prototype, "pausedLine", 2);
+l([
   o()
-], h.prototype, "pausedFrame", 2);
-c([
+], g.prototype, "pausedFrame", 2);
+l([
   o()
-], h.prototype, "previewTabsState", 2);
-c([
+], g.prototype, "previewTabsState", 2);
+l([
   o()
-], h.prototype, "session", 2);
-c([
+], g.prototype, "session", 2);
+l([
   o()
-], h.prototype, "ui", 2);
-h = c([
-  m("ArcadeDebuggerStore")
-], h);
-const me = {
+], g.prototype, "ui", 2);
+g = l([
+  f("ArcadeDebuggerStore")
+], g);
+const De = {
   glyphMargin: !0,
   lineNumbersMinChars: 1
 };
-class Se extends K {
+class we extends ie {
   constructor() {
-    super(...arguments), this._codeEditorElt = se(), this._componentReadyDefer = Promise.withResolvers(), this._disposables = [], this._editorProfilePromise = Promise.resolve(void 0), this._debuggerState = new h(), this.messages = te(), this._modelId = Y(), this._openArcadeHelp = () => {
-      window.open(J, "Arcade Help");
-    }, this._decorations = void 0, this._monacoEditor = ae(X), this._editorOptions = {}, this._toggleSidePanel = (e) => {
+    super(...arguments), this._codeEditorElt = K(), this._arcadeAssistantElt = K(), this._componentReadyDefer = Promise.withResolvers(), this._disposables = [], this._editorProfilePromise = Promise.resolve(void 0), this._debuggerState = new g(), this.messages = de(), this._modelId = ae(), this._openArcadeHelp = () => {
+      window.open(ne, "Arcade Help");
+    }, this._decorations = void 0, this._monacoEditor = ue(se), this._editorOptions = {}, this._toggleSidePanel = (e) => {
       e.currentTarget instanceof HTMLElement && this._setOpenedSidePanel(e.currentTarget.dataset.panelName ?? "none");
     }, this._closeSidePanel = () => {
       this._setOpenedSidePanel("none");
@@ -467,7 +486,7 @@ class Se extends K {
       if (!e)
         return;
       const s = this._debuggerState.breakpoints.map((i) => ({
-        range: new z(i, 1, i, 1),
+        range: new V(i, 1, i, 1),
         options: {
           isWholeLine: !0,
           glyphMarginClassName: "arcgis-code-editor__breakpoint-glyph"
@@ -476,13 +495,13 @@ class Se extends K {
       this._decorations?.clear(), this._decorations = e.createDecorationsCollection(s);
     }, this._clearDebuggerDecorations = () => {
       this._decorations?.clear(), this._decorations = void 0, this._debuggerPausedLineDecoration?.clear(), this._debuggerPausedLineDecoration = void 0;
-    }, this._debuggerPausedLineDecoration = void 0, this._preparingArcade = !1, this._arcadeAssistantRemoteState = { shouldRender: !1 }, this.enableDebugger = !1, this.hideDocumentationActions = !1, this.hideSideBar = !1, this.openedSidePanel = "none", this.script = "", this.sideActionBarExpanded = !1, this.arcgisDiagnosticsChange = O({ bubbles: !1 }), this.arcgisScriptChange = O({ bubbles: !1 });
+    }, this._debuggerPausedLineDecoration = void 0, this._preparingArcade = !1, this._arcadeAssistantRemoteState = { shouldRender: !1 }, this._diagnostics = [], this.enableDebugger = !1, this.hideDocumentationActions = !1, this.hideSideBar = !1, this.openedSidePanel = "none", this.script = "", this.sideActionBarExpanded = !1, this.arcgisDiagnosticsChange = N({ bubbles: !1 }), this.arcgisScriptChange = N({ bubbles: !1 });
   }
   static {
-    this.properties = { _apiLibrary: 16, _editorProfile: 16, _preparingArcade: 16, _arcadeAssistantRemoteState: 16, editorInstance: 32, editorOptions: 0, enableDebugger: 5, hideDocumentationActions: 5, hideSideBar: 5, messageOverrides: 0, openedSidePanel: 3, profile: 0, script: 1, sideActionBarExpanded: 7, snippets: 0, suggestions: 0, testData: 0, customPanels: 0, arcadeAssistant: 0 };
+    this.properties = { _apiLibrary: 16, _editorProfile: 16, _preparingArcade: 16, _arcadeAssistantRemoteState: 16, _diagnostics: 16, editorInstance: 32, editorOptions: 0, enableDebugger: 5, hideDocumentationActions: 5, hideSideBar: 5, messageOverrides: 0, openedSidePanel: 3, profile: 0, script: 1, sideActionBarExpanded: 7, snippets: 0, suggestions: 0, testData: 0, customPanels: 0, arcadeAssistant: 0, externalExecutor: 0 };
   }
   static {
-    this.styles = [ce];
+    this.styles = [_e];
   }
   get _usesBottomExecutionDrawer() {
     return this.enableDebugger && !!this.testData;
@@ -492,7 +511,7 @@ class Se extends K {
   }
   get editorOptions() {
     return {
-      ...me,
+      ...De,
       ...this._editorOptions
     };
   }
@@ -506,18 +525,26 @@ class Se extends K {
     if (!e)
       return { type: "error", value: "Missing editor profile", error: null };
     await this._componentReadyDefer.promise;
-    const s = this._codeEditorElt.value?.value, i = await U(e.definition, s, this.testData, { mode: "run" });
-    return L(i) ? i : { type: "error", value: "Unexpected debug result", error: null };
+    const s = this._codeEditorElt.value?.value, i = await z(e.definition, s, this.testData, { mode: "run" });
+    return v(i) ? i : { type: "error", value: "Unexpected debug result", error: null };
   }
   async setFocus() {
     await this._componentReadyDefer.promise, await this._codeEditorElt.value?.setFocus();
   }
+  async openArcadeAssistant(e) {
+    if (!this._arcadeAssistantRemoteState.shouldRender)
+      return !1;
+    if (this.openedSidePanel = "arcade-assistant", await this.updateComplete, !this._canPromptWithArcadeAssistant())
+      return !0;
+    const s = this._arcadeAssistantElt.value;
+    return e?.prompt && await s?.openPrompt(e.prompt), !0;
+  }
   async load() {
-    const e = q("./assets");
-    Z(e), await this._updateDataModelDeps(), await this._updateArcadeAssistantRemoteState(), this.manager.onLifecycle(() => (this.hasUpdated && this._connectMonacoCustomizations().catch(g(this)), () => {
-      for (; this._disposables.length; )
+    const e = Z("./assets");
+    re(e), await this._updateDataModelDeps(), await this._updateArcadeAssistantRemoteState(), this.manager.onLifecycle(() => (this.hasUpdated && this._connectMonacoCustomizations().catch(u(this)), () => {
+      for (this._askAiBindingKey && (D(this._askAiBindingKey, void 0), this._askAiBindingKey = void 0); this._disposables.length; )
         this._disposables.pop()?.dispose();
-      this._connectMonacoCustomizationsPromise = void 0, this._executeScriptAction = void 0, this._clearDebuggerDecorations(), this._debuggerState.disconnect();
+      this._abortExternalExecution(), this._connectMonacoCustomizationsPromise = void 0, this._executeScriptAction = void 0, this._clearDebuggerDecorations(), this._debuggerState.disconnect();
     }));
   }
   willUpdate(e) {
@@ -537,13 +564,15 @@ class Se extends K {
     this._connectMonacoCustomizationsPromise = (async () => {
       if (!this.isConnected)
         return;
-      const e = await ee();
-      this._disposables.push(e.onDiagnosticsChange((d) => !this._preparingArcade && this.arcgisDiagnosticsChange.emit(d.diagnostics))), this.testData && !this._executeScriptAction && this._addExecuteScriptAction();
-      const s = T(() => this._debuggerState.breakpoints, () => this._updateBreakpointsDecorations(), { sync: !0 }), i = T(() => this._debuggerState.debuggerLine, () => this._updateDebuggerPausedLineDecoration(), { sync: !0 }), a = T(() => this._debuggerState.consoleLogs.length, () => this.requestUpdate(), { sync: !0 });
+      const e = await oe();
+      this._disposables.push(e.onDiagnosticsChange((c) => {
+        this._preparingArcade || (this._diagnostics = c.diagnostics, this.arcgisDiagnosticsChange.emit(c.diagnostics));
+      })), this.testData && !this._executeScriptAction && this._addExecuteScriptAction(), this._syncAskAiAction();
+      const s = I(() => this._debuggerState.breakpoints, () => this._updateBreakpointsDecorations(), { sync: !0 }), i = I(() => this._debuggerState.debuggerLine, () => this._updateDebuggerPausedLineDecoration(), { sync: !0 }), a = I(() => this._debuggerState.consoleLogs.length, () => this.requestUpdate(), { sync: !0 });
       this._disposables.push({ dispose: () => s.remove() }, { dispose: () => i.remove() }, { dispose: () => a.remove() });
-      const r = this.editorInstance?.onMouseDown((d) => this._onEditorMouseDown(d));
+      const r = this.editorInstance?.onMouseDown((c) => this._onEditorMouseDown(c));
       r && this._disposables.push(r);
-      const n = this.editorInstance?.onDidChangeModelContent((d) => this._onEditorModelContentChange(d));
+      const n = this.editorInstance?.onDidChangeModelContent((c) => this._onEditorModelContentChange(c));
       n && this._disposables.push(n), this._updateBreakpointsDecorations(), this._updateDebuggerPausedLineDecoration();
     })();
     try {
@@ -565,7 +594,7 @@ class Se extends K {
   _onEditorModelContentChange(e) {
     if (!this.enableDebugger || !this._debuggerState.breakpoints.length || e.isFlush)
       return;
-    const s = oe(this._debuggerState.breakpoints, e.changes);
+    const s = ge(this._debuggerState.breakpoints, e.changes);
     s.length === this._debuggerState.breakpoints.length && s.every((i, a) => i === this._debuggerState.breakpoints[a]) || this._debuggerState.setBreakpoints(s);
   }
   _updateDebuggerPausedLineDecoration() {
@@ -576,7 +605,7 @@ class Se extends K {
     const s = this._debuggerState.debuggerLine;
     s != null ? this._debuggerPausedLineDecoration = e.createDecorationsCollection([
       {
-        range: new z(s, 1, s, 1),
+        range: new V(s, 1, s, 1),
         options: {
           isWholeLine: !0,
           className: "arcgis-code-editor__debugger-paused-line",
@@ -589,11 +618,14 @@ class Se extends K {
   _continueDebugSession() {
     this._debuggerState.continueDebug();
   }
+  _abortExternalExecution() {
+    this._externalExecutionAbortController?.abort(), this._externalExecutionAbortController = void 0;
+  }
   _stopDebugSession({ hideExecutionPanel: e = !0 } = {}) {
-    this._debuggerState.stopDebug({ hidePanel: e });
+    this._abortExternalExecution(), this._debuggerState.stopDebug({ hidePanel: e });
   }
   _resetDebugSession() {
-    this._debuggerState.resetDebug(), this._executeScript("debug").catch(g(this));
+    this._abortExternalExecution(), this._debuggerState.resetDebug(), this._executeScript("debug").catch(u(this));
   }
   async _handleDebugPause(e, s, i) {
     if (!this._debuggerState.isDebugging || e !== this._debuggerState.sessionId)
@@ -608,8 +640,45 @@ class Se extends K {
   async _updateDataModelDeps() {
     await this._updateEditorProfile(), await this._updateApiLibrary();
   }
+  async _executeWithExternalExecutor(e, s, i) {
+    if (!this.externalExecutor)
+      return { type: "error", value: "Missing external executor", error: null };
+    const a = new AbortController();
+    this._abortExternalExecution(), this._externalExecutionAbortController = a;
+    const r = i.console ?? (() => {
+    });
+    try {
+      if (e === "debug") {
+        const { breakpoints: n, onDebugPause: c } = i;
+        if (!n || !c)
+          throw new Error("Missing debug execution options");
+        return await this.externalExecutor.execute({
+          mode: "debug",
+          script: s,
+          console: r,
+          signal: a.signal,
+          breakpoints: n,
+          onDebugPause: c
+        });
+      }
+      return await this.externalExecutor.execute({
+        mode: "run",
+        script: s,
+        console: r,
+        signal: a.signal
+      });
+    } catch (n) {
+      return {
+        type: "error",
+        value: "Execution failed",
+        error: n instanceof Error ? n : new Error(String(n))
+      };
+    } finally {
+      this._externalExecutionAbortController === a && (this._externalExecutionAbortController = void 0);
+    }
+  }
   _testDataChanged() {
-    !this.testData && this._executeScriptAction && (this._disposeSafely(this._executeScriptAction), this._executeScriptAction = void 0), this.testData && !this._executeScriptAction && this._addExecuteScriptAction(), !this.testData && this.enableDebugger && this._debuggerState.clearForMissingTestData(), this._debuggerState.showPanel && this._executeScript("run").catch(g(this));
+    !this.testData && this._executeScriptAction && (this._disposeSafely(this._executeScriptAction), this._executeScriptAction = void 0), this.testData && !this._executeScriptAction && this._addExecuteScriptAction(), !this.testData && this.enableDebugger && this._debuggerState.clearForMissingTestData(), this._debuggerState.showPanel && this._executeScript("run").catch(u(this));
   }
   async _updateEditorProfile() {
     this._preparingArcade = !0;
@@ -634,30 +703,36 @@ class Se extends K {
     const s = this.testData;
     if (!this._codeEditorElt.value || !s)
       return;
-    const i = e === "debug" ? this._debuggerState.startDebug() : this._debuggerState.startRun(), a = await this._editorProfilePromise;
-    if (!a) {
-      this._debuggerState.fail({ type: "error", value: "Missing editor profile", error: null });
-      return;
-    }
+    const i = e === "debug" ? this._debuggerState.startDebug() : this._debuggerState.startRun();
     setTimeout(() => {
       (async () => {
-        const r = this._codeEditorElt.value?.value, n = {
+        const a = this._codeEditorElt.value?.value ?? this.script, r = {
           mode: e,
-          console: (E) => this._debuggerState.addConsoleLog(E),
+          console: (c) => this._debuggerState.addConsoleLog(c),
           breakpoints: e === "debug" ? this._debuggerState.debuggerBreakpoints : void 0
         };
-        e === "debug" && (n.onDebugPause = this._handleDebugPause.bind(this, i));
-        const d = await U(a.definition, r, s, n);
+        e === "debug" && (r.onDebugPause = this._handleDebugPause.bind(this, i));
+        let n;
+        if (this.externalExecutor)
+          n = await this._executeWithExternalExecutor(e, a, r);
+        else {
+          const c = await this._editorProfilePromise;
+          if (!c) {
+            this._debuggerState.fail({ type: "error", value: "Missing editor profile", error: null });
+            return;
+          }
+          n = await z(c.definition, a, s, r);
+        }
         if (i === this._debuggerState.sessionId) {
           if (e === "debug") {
-            if (L(d)) {
-              this._debuggerState.fail(d);
+            if (v(n)) {
+              this._debuggerState.fail(n);
               return;
             }
-            this._debuggerState.completeDebug(d);
+            this._debuggerState.completeDebug(n);
             return;
           }
-          L(d) ? this._debuggerState.completeRun(d) : this._debuggerState.fail({ type: "error", value: "Unexpected debug result", error: null });
+          v(n) ? this._debuggerState.completeRun(n) : this.externalExecutor ? this._debuggerState.completeRun(n, { useDebugRenderer: !0 }) : this._debuggerState.fail({ type: "error", value: "Unexpected debug result", error: null });
         }
       })();
     }, 0);
@@ -672,13 +747,13 @@ class Se extends K {
     e.stopPropagation(), this.script = e.detail, this.arcgisScriptChange.emit(e.detail);
   }
   _insertAsSnippet(e) {
-    this._codeEditorElt.value?.insertSnippet(e.detail).catch(g(this));
+    this._codeEditorElt.value?.insertSnippet(e.detail).catch(u(this));
   }
   _insertAsText(e) {
     this._insertText(e.detail);
   }
   _insertText(e) {
-    this._codeEditorElt.value?.insertText(e).catch(g(this));
+    this._codeEditorElt.value?.insertText(e).catch(u(this));
   }
   _onResultPanelChange(e) {
     const s = e.currentTarget;
@@ -692,38 +767,90 @@ class Se extends K {
       // An unique identifier for the action.
       id: "run-script",
       label: "Run Arcade Expression",
-      keybindings: [re.F5],
+      keybindings: [pe.F5],
       contextMenuGroupId: "code",
       contextMenuOrder: 1,
       run: () => {
-        this.testData && this._executeScript("run").catch(g(this));
+        this.testData && this._executeScript("run").catch(u(this));
       }
     });
     e && (this._executeScriptAction = e, this._disposables.push(e));
   }
+  _getAskAiBindingKey() {
+    return be.parse(this._modelId).toString();
+  }
+  _canRenderAskAiCodeActions() {
+    const e = this._arcadeAssistantRemoteState;
+    return e.shouldRender ? e.availableFeatures.codeActions : !1;
+  }
+  _canPromptWithArcadeAssistant() {
+    const e = this._arcadeAssistantRemoteState;
+    return e.shouldRender ? e.availableFeatures.prompting : !1;
+  }
+  _getAskAiCodeActions(e) {
+    if (!this._canRenderAskAiCodeActions())
+      return [];
+    if (!e.markers.length)
+      return [];
+    const s = this.messages.askarcadeassistant ?? "Ask Arcade Assistant", i = this._getAskAiBindingKey();
+    return [
+      {
+        title: s,
+        kind: le,
+        diagnostics: e.markers,
+        isPreferred: !1,
+        // isAI adds the sparkle and adds it to the hover menu, but it changes the
+        // behavior in the code editing experience, it shows up as a sparkle next to the error.
+        // The sparkle doesn't explain what it does, and imo will cause confusion, thus we are opting to not use it for now.
+        isAI: !1,
+        command: {
+          id: ce,
+          title: s,
+          arguments: [i, this.messages.askarcadeassistantprompt ?? "Fix the errors in my script"]
+        }
+      }
+    ];
+  }
+  _syncAskAiAction() {
+    if (!this.editorInstance)
+      return;
+    const s = this._getAskAiBindingKey();
+    if (!this._arcadeAssistantRemoteState.shouldRender) {
+      this._askAiBindingKey && (D(this._askAiBindingKey, void 0), this._askAiBindingKey = void 0);
+      return;
+    }
+    this._askAiBindingKey && this._askAiBindingKey !== s && D(this._askAiBindingKey, void 0), D(s, {
+      provideCodeActions: ({ context: i }) => this._getAskAiCodeActions(i),
+      run: (i) => {
+        this.openArcadeAssistant({
+          prompt: i ?? this.messages.askarcadeassistantprompt ?? "Fix the errors in my script"
+        }).catch(u(this));
+      }
+    }), this._askAiBindingKey = s;
+  }
   _disposeSafely(e) {
     const s = this._disposables.indexOf(e);
     s !== -1 && this._disposables.splice(s, 1), e.dispose();
   }
   async _updateArcadeAssistantRemoteState() {
-    this.arcadeAssistant && (this._arcadeAssistantRemoteState = await ge({
+    this.arcadeAssistant ? this._arcadeAssistantRemoteState = await Pe({
       ...this.arcadeAssistant,
       profile: this.profile
-    }));
+    }) : this._arcadeAssistantRemoteState = { shouldRender: !1 }, this._syncAskAiAction();
   }
   renderMainActionBar() {
-    return this.enableDebugger || !this.testData ? null : l`<calcite-action-bar class="main-action-bar" layout=horizontal scale=s expanded expand-disabled slot=top-action-bar><calcite-action-group scale=s><calcite-action .text=${this.messages.run ?? ""} text-enabled icon=play scale=s .loading=${this._preparingArcade} @click=${() => {
-      this._executeScript("run").catch(g(this));
-    }}></calcite-action>${this._debuggerState.result ? l`<calcite-action .text=${this.messages.lastresults ?? ""} .active=${this._debuggerState.showPanel} text-enabled icon=access-string-results icon-flip-rtl scale=s @click=${this._toggleShowExecutionPanel}></calcite-action>` : null}</calcite-action-group></calcite-action-bar>`;
+    return this.enableDebugger || !this.testData ? null : d`<calcite-action-bar class="main-action-bar" layout=horizontal scale=s expanded expand-disabled slot=top-action-bar><calcite-action-group scale=s><calcite-action .text=${this.messages.run ?? ""} text-enabled icon=play scale=s .loading=${this._preparingArcade} @click=${() => {
+      this._executeScript("run").catch(u(this));
+    }}></calcite-action>${this._debuggerState.result ? d`<calcite-action .text=${this.messages.lastresults ?? ""} .active=${this._debuggerState.showPanel} text-enabled icon=access-string-results icon-flip-rtl scale=s @click=${this._toggleShowExecutionPanel}></calcite-action>` : null}</calcite-action-group></calcite-action-bar>`;
   }
   renderMainPanel() {
-    return l`<arcgis-code-editor slot=editor .editorOptions=${this.editorOptions} .language=${P.languageId} .value=${this.script ?? ""} .modelId=${this._modelId} @arcgisValueChange=${this._onCodeEditorValueChange} ${ie(this._codeEditorElt)}></arcgis-code-editor>`;
+    return d`<arcgis-code-editor slot=editor .editorOptions=${this.editorOptions} .language=${P.languageId} .value=${this.script ?? ""} .modelId=${this._modelId} @arcgisValueChange=${this._onCodeEditorValueChange} ${H(this._codeEditorElt)}></arcgis-code-editor>`;
   }
-  renderAction({ id: e, label: s, icon: i, active: a, panelName: r, iconFlipRtl: n = !1, onClick: d = this._toggleSidePanel }) {
-    return l`<calcite-action id=${e ?? F} .text=${s} .textEnabled=${this.sideActionBarExpanded} .icon=${i} .active=${a} @click=${d} data-panel-name=${r ?? F} .iconFlipRtl=${n}></calcite-action>${!this.sideActionBarExpanded && l`<calcite-tooltip .referenceElement=${e}><span>${s}</span></calcite-tooltip>` || ""}`;
+  renderAction({ id: e, label: s, icon: i, active: a, panelName: r, iconFlipRtl: n = !1, onClick: c = this._toggleSidePanel }) {
+    return d`<calcite-action id=${e ?? O} .text=${s} .textEnabled=${this.sideActionBarExpanded} .icon=${i} .active=${a} @click=${c} data-panel-name=${r ?? O} .iconFlipRtl=${n}></calcite-action>${!this.sideActionBarExpanded && d`<calcite-tooltip .referenceElement=${e}><span>${s}</span></calcite-tooltip>` || ""}`;
   }
   renderSideActionBar() {
-    return this.hideSideBar ? null : l`<calcite-action-bar slot=side-action-bar class="side-action-bar" .expanded=${this.sideActionBarExpanded} position=end @calciteActionBarToggle=${this._toggleSideActionBarExpanded}><calcite-action-group>${this.renderAction({
+    return this.hideSideBar ? null : d`<calcite-action-bar slot=side-action-bar class="side-action-bar" .expanded=${this.sideActionBarExpanded} position=end @calciteActionBarToggle=${this._toggleSideActionBarExpanded}><calcite-action-group>${this.renderAction({
       id: "profile-variables-action",
       label: this.messages.profilevariables ?? "",
       icon: "profile-variables",
@@ -767,13 +894,13 @@ class Se extends K {
     if (this.hideSideBar)
       return null;
     const { openedSidePanel: e } = this;
-    return l`<arcgis-language-api-panel slot=side-panel class=${x(e === "api" ? "" : "hidden")} .loading=${this._preparingArcade} .apiLibrary=${this._apiLibrary} .hideDocumentationActions=${this.hideDocumentationActions} @arcgisInternalItemSelected=${this._insertAsSnippet} @arcgisInternalClosePanel=${this._closeSidePanel} data-panel-name=none .closed=${e !== "api"}></arcgis-language-api-panel><arcgis-editor-variables slot=side-panel class=${x(e === "variables" ? "" : "hidden")} .loading=${this._preparingArcade} .modelId=${this._modelId} @arcgisInternalItemSelected=${this._insertAsText} @arcgisInternalClosePanel=${this._closeSidePanel} data-panel-name=none .variable=${this._editorProfile} .closed=${e !== "variables"} .messageOverrides=${{ profileempty: this.messages.profileempty }}></arcgis-editor-variables>${this.suggestions?.length && l`<arcgis-arcade-suggestions slot=side-panel class=${x(e === "suggestions" ? "" : "hidden")} .closed=${e !== "suggestions"} .suggestions=${this.suggestions} @arcgisInternalItemSelected=${this._insertAsText} @arcgisInternalClosePanel=${this._closeSidePanel} data-panel-name=none></arcgis-arcade-suggestions>` || ""}${this.arcadeAssistant && this._arcadeAssistantRemoteState.shouldRender && l`<arcgis-arcade-coding-assistant slot=side-panel class=${x(e === "arcade-assistant" ? "" : "hidden")} .closed=${e !== "arcade-assistant"} .insertText=${this._insertText.bind(this)} .closePanel=${this._closeSidePanel} .portalUrl=${this.arcadeAssistant.portalUrl} .serviceUrl=${"serviceUrl" in this._arcadeAssistantRemoteState ? this._arcadeAssistantRemoteState.serviceUrl : void 0} .helpBase=${this._arcadeAssistantRemoteState.helpBase} .assistantsEnabled=${this._arcadeAssistantRemoteState.assistantsEnabled} .feedbackServiceUrl=${this._arcadeAssistantRemoteState.feedbackServiceUrl} .editorRef=${this.el} .appVersion=${this.arcadeAssistant.appVersion} .disableQuestionAnswerLogging=${this.arcadeAssistant.disableQuestionAnswerLogging}></arcgis-arcade-coding-assistant>` || ""}${this.customPanels?.map((s) => l`<calcite-flow slot=side-panel class=${x(e === s.id ? "" : "hidden")}>${s?.useFlows ? s.renderer?.({
+    return d`<arcgis-language-api-panel slot=side-panel class=${x(e === "api" ? "" : "hidden")} .loading=${this._preparingArcade} .apiLibrary=${this._apiLibrary} .hideDocumentationActions=${this.hideDocumentationActions} @arcgisInternalItemSelected=${this._insertAsSnippet} @arcgisInternalClosePanel=${this._closeSidePanel} data-panel-name=none .closed=${e !== "api"}></arcgis-language-api-panel><arcgis-editor-variables slot=side-panel class=${x(e === "variables" ? "" : "hidden")} .loading=${this._preparingArcade} .modelId=${this._modelId} @arcgisInternalItemSelected=${this._insertAsText} @arcgisInternalClosePanel=${this._closeSidePanel} data-panel-name=none .variable=${this._editorProfile} .closed=${e !== "variables"} .messageOverrides=${{ profileempty: this.messages.profileempty }}></arcgis-editor-variables>${this.suggestions?.length && d`<arcgis-arcade-suggestions slot=side-panel class=${x(e === "suggestions" ? "" : "hidden")} .closed=${e !== "suggestions"} .suggestions=${this.suggestions} @arcgisInternalItemSelected=${this._insertAsText} @arcgisInternalClosePanel=${this._closeSidePanel} data-panel-name=none></arcgis-arcade-suggestions>` || ""}${this.arcadeAssistant && this._arcadeAssistantRemoteState.shouldRender && d`<arcgis-arcade-coding-assistant slot=side-panel class=${x(e === "arcade-assistant" ? "" : "hidden")} .closed=${e !== "arcade-assistant"} .insertText=${this._insertText.bind(this)} .closePanel=${this._closeSidePanel} .portalUrl=${this.arcadeAssistant.portalUrl} .serviceUrl=${"serviceUrl" in this._arcadeAssistantRemoteState ? this._arcadeAssistantRemoteState.serviceUrl : void 0} .helpBase=${this._arcadeAssistantRemoteState.helpBase} .promptingEnabled=${this._canPromptWithArcadeAssistant()} .feedbackServiceUrl=${this._arcadeAssistantRemoteState.feedbackServiceUrl} .editorRef=${this.el} .appVersion=${this.arcadeAssistant.appVersion} .disableQuestionAnswerLogging=${this.arcadeAssistant.disableQuestionAnswerLogging} .diagnostics=${this._diagnostics} ${H(this._arcadeAssistantElt)}></arcgis-arcade-coding-assistant>` || ""}${this.customPanels?.map((s) => d`<calcite-flow slot=side-panel class=${x(e === s.id ? "" : "hidden")}>${s?.useFlows ? s.renderer?.({
       closePanel: this._toggleSidePanel,
       insertText: this._insertText.bind(this),
       closed: e !== s.id,
       /** pass this.el instead of "this" as it is what actually gets attached to the dom */
       editorRef: this.el
-    }) : l`<calcite-flow-item .heading=${s.name} heading-level=2 closable .closed=${e !== s.id} @calciteFlowItemClose=${this._toggleSidePanel} .description=${s.description}>${s.renderer?.({
+    }) : d`<calcite-flow-item .heading=${s.name} heading-level=2 closable .closed=${e !== s.id} @calciteFlowItemClose=${this._toggleSidePanel} .description=${s.description}>${s.renderer?.({
       closePanel: this._toggleSidePanel,
       insertText: this._insertText.bind(this),
       closed: e !== s.id,
@@ -787,27 +914,27 @@ class Se extends K {
     if (!this._debuggerState.showPanel)
       return null;
     const e = this._debuggerState.openedPanel === "debug-console" ? "output" : this._debuggerState.openedPanel;
-    return l`<arcgis-arcade-results slot=results-panel .openedResultPanel=${e} .loading=${this._debuggerState.isExecuting} .result=${this._debuggerState.runResult} .consoleLogs=${this._debuggerState.consoleLogs} @arcgisInternalOpenedResultPanelChange=${this._onResultPanelChange} @arcgisInternalClosePanel=${this._onExecutionPanelClose}></arcgis-arcade-results>`;
+    return d`<arcgis-arcade-results slot=results-panel .openedResultPanel=${e} .loading=${this._debuggerState.isExecuting} .result=${this._debuggerState.runResult} .consoleLogs=${this._debuggerState.consoleLogs} @arcgisInternalOpenedResultPanelChange=${this._onResultPanelChange} @arcgisInternalClosePanel=${this._onExecutionPanelClose}></arcgis-arcade-results>`;
   }
   renderBottomExecutionBody() {
     const { showPanel: e, openedPanel: s, debugResult: i, isExecuting: a, mode: r } = this._debuggerState;
-    return e ? s === "debug-console" ? l`<arcgis-arcade-debugger-console slot=results-panel .modelId=${this._modelId} .debuggerStore=${this._debuggerState}></arcgis-arcade-debugger-console>` : s === "output" && r === "debug" ? l`<arcgis-arcade-debugger-output slot=results-panel .debuggerStore=${this._debuggerState} .result=${i}></arcgis-arcade-debugger-output>` : l`<arcgis-arcade-results slot=results-panel class="bottom-results" .openedResultPanel=${s} .loading=${s === "console" && this._debuggerState.isPaused ? !1 : a} .result=${this._debuggerState.runResult} .consoleLogs=${this._debuggerState.consoleLogs} hide-header @arcgisInternalOpenedResultPanelChange=${this._onResultPanelChange}></arcgis-arcade-results>` : null;
+    return e ? s === "debug-console" ? d`<arcgis-arcade-debugger-console slot=results-panel .modelId=${this._modelId} .debuggerStore=${this._debuggerState}></arcgis-arcade-debugger-console>` : s === "output" && (r === "debug" || i) ? d`<arcgis-arcade-debugger-output slot=results-panel .debuggerStore=${this._debuggerState} .result=${i}></arcgis-arcade-debugger-output>` : d`<arcgis-arcade-results slot=results-panel class="bottom-results" .openedResultPanel=${s} .loading=${s === "console" && this._debuggerState.isPaused ? !1 : a} .result=${this._debuggerState.runResult} .consoleLogs=${this._debuggerState.consoleLogs} hide-header @arcgisInternalOpenedResultPanelChange=${this._onResultPanelChange}></arcgis-arcade-results>` : null;
   }
   renderBottomActionBar() {
     if (!this._usesBottomExecutionDrawer)
       return null;
     const { showPanel: e, hasExecuted: s, openedPanel: i, isDebugging: a, isPaused: r, isExecuting: n } = this._debuggerState;
-    return l`<calcite-action-bar slot=bottom-action-bar class=${`main-action-bar bottom-action-bar ${e ? "" : "is-collapsed"}`} layout=horizontal scale=s expand-disabled><calcite-action-group scale=s>${a ? l`<calcite-action .text=${this.messages.continue ?? "Continue"} icon=forward scale=s .disabled=${!r} @click=${this._continueDebugSession}></calcite-action><calcite-action .text=${this.messages.reset ?? "Reset"} icon=reset scale=s @click=${this._resetDebugSession}></calcite-action><calcite-action .text=${this.messages.stop ?? "Stop"} icon=circle-stop scale=s @click=${() => this._stopDebugSession()}></calcite-action>` : l`<calcite-action .text=${this.messages.run ?? ""} text-enabled icon=play scale=s .loading=${this._preparingArcade || n} @click=${() => {
-      this._executeScript("run").catch(g(this));
+    return d`<calcite-action-bar slot=bottom-action-bar class=${`main-action-bar bottom-action-bar ${e ? "" : "is-collapsed"}`} layout=horizontal scale=s expand-disabled><calcite-action-group scale=s>${a ? d`<calcite-action .text=${this.messages.continue ?? "Continue"} icon=forward scale=s .disabled=${!r} @click=${this._continueDebugSession}></calcite-action><calcite-action .text=${this.messages.reset ?? "Reset"} icon=reset scale=s @click=${this._resetDebugSession}></calcite-action><calcite-action .text=${this.messages.stop ?? "Stop"} icon=circle-stop scale=s @click=${() => this._stopDebugSession()}></calcite-action>` : d`<calcite-action .text=${this.messages.run ?? ""} text-enabled icon=play scale=s .loading=${this._preparingArcade || n} @click=${() => {
+      this._executeScript("run").catch(u(this));
     }}></calcite-action><calcite-action .text=${this.messages.runanddebug ?? "Run and Debug"} text-enabled icon=debug-script scale=s .loading=${this._preparingArcade || n} @click=${() => {
-      this._executeScript("debug").catch(g(this));
-    }}></calcite-action>`}</calcite-action-group>${s ? l`<calcite-action-group scale=s><calcite-action .active=${i === "output" && e} .text=${this.messages.output ?? "Output"} text-enabled scale=s icon=list-show-all icon-flip-rtl @click=${() => this._setExecutionPanel("output")}></calcite-action><calcite-action .active=${i === "console" && e} .text=${this.messages.console ?? "Console"} text-enabled scale=s icon=console icon-flip-rtl @click=${() => this._setExecutionPanel("console")}></calcite-action><calcite-action .active=${i === "log" && e} .text=${this.messages.log ?? "Log"} text-enabled scale=s icon=list icon-flip-rtl @click=${() => this._setExecutionPanel("log")}></calcite-action><calcite-action .active=${i === "debug-console" && e} .text=${this.messages.debugconsole ?? "Debug Console"} text-enabled scale=s icon=debug-script icon-flip-rtl .disabled=${this._debuggerState.mode !== "debug"} @click=${() => this._setExecutionPanel("debug-console")}></calcite-action></calcite-action-group>` : null}${e ? l`<calcite-action-group scale=s><calcite-action .text=${this.messages.close ?? "Close"} scale=s icon=x icon-flip-rtl @click=${this._onExecutionPanelClose}></calcite-action></calcite-action-group>` : null}</calcite-action-bar>`;
+      this._executeScript("debug").catch(u(this));
+    }}></calcite-action>`}</calcite-action-group>${s ? d`<calcite-action-group scale=s><calcite-action .active=${i === "output" && e} .text=${this.messages.output ?? "Output"} text-enabled scale=s icon=list-show-all icon-flip-rtl @click=${() => this._setExecutionPanel("output")}></calcite-action><calcite-action .active=${i === "console" && e} .text=${this.messages.console ?? "Console"} text-enabled scale=s icon=console icon-flip-rtl @click=${() => this._setExecutionPanel("console")}></calcite-action><calcite-action .active=${i === "log" && e} .text=${this.messages.log ?? "Log"} text-enabled scale=s icon=list icon-flip-rtl @click=${() => this._setExecutionPanel("log")}></calcite-action><calcite-action .active=${i === "debug-console" && e} .text=${this.messages.debugconsole ?? "Debug Console"} text-enabled scale=s icon=debug-script icon-flip-rtl .disabled=${this._debuggerState.mode !== "debug"} @click=${() => this._setExecutionPanel("debug-console")}></calcite-action></calcite-action-group>` : null}${e ? d`<calcite-action-group scale=s><calcite-action .text=${this.messages.close ?? "Close"} scale=s icon=x icon-flip-rtl @click=${this._onExecutionPanelClose}></calcite-action></calcite-action-group>` : null}</calcite-action-bar>`;
   }
   render() {
-    return l`<arcgis-code-editor-shell>${this.renderMainActionBar()}${this.renderMainPanel()}${this.renderBottomActionBar()}${this.renderResultsPanel()}${this.renderSidePanel()}${this.renderSideActionBar()}</arcgis-code-editor-shell>`;
+    return d`<arcgis-code-editor-shell>${this.renderMainActionBar()}${this.renderMainPanel()}${this.renderBottomActionBar()}${this.renderResultsPanel()}${this.renderSidePanel()}${this.renderSideActionBar()}</arcgis-code-editor-shell>`;
   }
 }
-W("arcgis-arcade-editor", Se);
+ee("arcgis-arcade-editor", we);
 export {
-  Se as ArcgisArcadeEditor
+  we as ArcgisArcadeEditor
 };