@arcgis/coding-components 5.2.0-next.2 → 5.2.0-next.21

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

@@ -1,38 +1,38 @@
 /* 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 { css as te, html as d, nothing as z } 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 { LitElement as ie, createEvent as N, safeClassMap as P } 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 { setArcadeAskAiBinding as D, arcadeAskAiCommandId as ce, arcadeQuickFixKind as le } from "../../chunks/arcade-mode.js";
+import { i as y, D as ne, e as K } from "../../chunks/arcade-executor.js";
+import { s as oe, a as re } from "../../chunks/arcade-service-accessors.js";
+import { b as v } from "../../chunks/arcade-defaults.js";
+import { setArcadeAskAiBinding as B, 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 { createRef as H, ref as j } from "lit/directives/ref.js";
 import { load as ue } from "@arcgis/lumina/controllers";
 import he from "@arcgis/core/config.js";
-import q from "@arcgis/core/identity/IdentityManager.js";
+import Q from "@arcgis/core/identity/IdentityManager.js";
 import { log as ge, rethrowError as u } from "@arcgis/toolkit/log";
-import { watch as I } from "@arcgis/core/core/reactiveUtils.js";
+import { watch as L } 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 { property as c, subclass as f } from "@arcgis/core/core/accessorSupport/decorators.js";
+import { A as W } from "../../chunks/ArcadeDebuggerPreviewTabsState.js";
 import { r as pe } from "../../chunks/utilities.js";
 import { Range as V, KeyCode as be, Uri as _e } from "monaco-editor";
-const me = 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", h = (t, e) => {
+const me = 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}.bottom-action-bar{display:flex;.bottom-action-bar__actions{flex:1 1 auto;min-inline-size:0}}`, G = "https://services6.arcgis.com/HXHga6CfMLMBOlBX/ArcGIS/rest/services/survey123_6e349a50b4504ca6b6107216d568db5f_form/FeatureServer/0", h = (t, e) => {
   ge(t, "Arcade Assistant", e);
-}, Q = [
+}, X = [
   "orgAiAssistantsEnabled",
   "betaAppsAllowed",
   "serviceUrlAvailable",
   "userHasUseAiAssistantsPrivilege"
-], fe = Q, W = (t, e) => e.every((s) => t[s] === !0), Ae = (t) => {
+], fe = X, q = (t, e) => e.every((s) => t[s] === !0), xe = (t) => {
   const { aiAssistantsEnabled: e } = t;
   return e === void 0 ? (h("warn", "`areAiAssistantsEnabled` is not defined in the organizations settings."), !1) : e;
-}, Se = async (t) => (await q.getCredential(t, { oAuthPopupConfirmation: !1 })).token, xe = async (t) => {
+}, Se = async (t) => (await Q.getCredential(t, { oAuthPopupConfirmation: !1 })).token, Ae = async (t) => {
   try {
-    return !!await q.checkSignInStatus(t);
+    return !!await Q.checkSignInStatus(t);
   } catch {
     return h("warn", "User is not signed in."), !1;
   }
@@ -48,86 +48,86 @@ async function Pe({
   if (!e)
     return h("warn", "Arcade Assistant initialization failed. Reason: missing portal url."), { shouldRender: !1 };
   const s = e.replace(/\/sharing\/rest(\/.*)?$/iu, "").replace(/\/$/u, "");
-  if (!await xe(s))
+  if (!await Ae(s))
     return { shouldRender: !1 };
-  const a = await Se(e), 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((S) => S.json()),
-    fetch(n, { credentials: "include" }).then((S) => S.json()),
-    fetch(c, { credentials: "include" }).then((S) => S.json())
-  ]), [k, R, B] = Y, A = k.status === "fulfilled" ? k.value : (h("warn", `Failed to fetch selfUrl. Reason: ${k.reason}.`), {}), L = R.status === "fulfilled" ? R.value : (h("warn", `Failed to fetch settingsUrl. Reason: ${R.reason}.`), {}), J = B.status === "fulfilled" ? B.value : (h("warn", `Failed to fetch signinSettingsUrl. Reason: ${B.reason}.`), {});
-  if (A.isPortal)
+  const a = await Se(e), o = `${s}/sharing/rest/portals/self?f=json&token=${a}`, n = `${s}/sharing/rest/portals/self/settings?f=json&token=${a}`, r = `${s}/sharing/rest/portals/self/signinSettings?f=json&token=${a}`, w = await Promise.allSettled([
+    fetch(o, { credentials: "include" }).then((A) => A.json()),
+    fetch(n, { credentials: "include" }).then((A) => A.json()),
+    fetch(r, { credentials: "include" }).then((A) => A.json())
+  ]), [x, R, I] = w, S = x.status === "fulfilled" ? x.value : (h("warn", `Failed to fetch selfUrl. Reason: ${x.reason}.`), {}), T = R.status === "fulfilled" ? R.value : (h("warn", `Failed to fetch settingsUrl. Reason: ${R.reason}.`), {}), J = I.status === "fulfilled" ? I.value : (h("warn", `Failed to fetch signinSettingsUrl. Reason: ${I.reason}.`), {});
+  if (S.isPortal)
     return { shouldRender: !1 };
-  const T = A.helpBase || "";
-  if (!L)
+  const M = S.helpBase || "";
+  if (!T)
     return h("warn", "Settings response is not available."), { shouldRender: !1 };
-  const E = {
-    orgAiAssistantsEnabled: Ae(L),
+  const k = {
+    orgAiAssistantsEnabled: xe(T),
     betaAppsAllowed: J.blockBetaApps !== !0,
-    serviceUrlAvailable: !!A?.helperServices?.aiAssistantServices?.url,
-    userHasUseAiAssistantsPrivilege: A?.user?.privileges?.includes("portal:user:useAIAssistants") === !0
+    serviceUrlAvailable: !!S?.helperServices?.aiAssistantServices?.url,
+    userHasUseAiAssistantsPrivilege: S?.user?.privileges?.includes("portal:user:useAIAssistants") === !0
   };
-  E.betaAppsAllowed || h(
+  k.betaAppsAllowed || h(
     "warn",
     "Arcade Assistant is blocked by the organization settings. To enable it, do not block beta apps in the organization settings."
-  ), E.userHasUseAiAssistantsPrivilege || h("warn", "User does not have the required privileges to use AI Assistants.");
-  const M = W(E, fe), F = W(E, Q), U = A?.helperServices?.aiAssistantServices?.url;
-  return U ? {
+  ), k.userHasUseAiAssistantsPrivilege || h("warn", "User does not have the required privileges to use AI Assistants.");
+  const F = q(k, fe), U = q(k, X), O = S?.helperServices?.aiAssistantServices?.url;
+  return O ? {
     shouldRender: !0,
     portalUrl: e,
     availableFeatures: {
-      codeActions: M,
-      prompting: F
+      codeActions: F,
+      prompting: U
     },
-    serviceUrl: U,
-    helpBase: T,
+    serviceUrl: O,
+    helpBase: M,
     feedbackServiceUrl: G
   } : {
     shouldRender: !0,
     portalUrl: e,
     availableFeatures: {
-      codeActions: M,
-      prompting: F
+      codeActions: F,
+      prompting: U
     },
-    helpBase: T,
+    helpBase: M,
     feedbackServiceUrl: G
   };
 }
 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);
+  for (var a = i > 1 ? void 0 : i ? ye(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (a = (i ? n(e, s, a) : n(a)) || a);
   return i && a && ve(e, s, a), a;
 };
-const X = 100;
+const Y = 100;
 let g = class extends m {
   constructor(t) {
-    super(t), this.collectionItems = [], this.errorMessage = "", this.expanded = !1, this.requestId = 0, this.status = "idle", this.visibleChildCount = X;
+    super(t), this.collectionItems = [], this.errorMessage = "", this.expanded = !1, this.requestId = 0, this.status = "idle", this.visibleChildCount = Y;
   }
 };
 _([
-  o()
+  c()
 ], g.prototype, "collectionItems", 2);
 _([
-  o()
+  c()
 ], g.prototype, "errorMessage", 2);
 _([
-  o()
+  c()
 ], g.prototype, "expanded", 2);
 _([
-  o()
+  c()
 ], g.prototype, "requestId", 2);
 _([
-  o()
+  c()
 ], g.prototype, "schemaValue", 2);
 _([
-  o()
+  c()
 ], g.prototype, "status", 2);
 _([
-  o()
+  c()
 ], g.prototype, "visibleChildCount", 2);
 g = _([
   f("ArcadeDebuggerLazyTreeNodeState")
 ], g);
-let w = class extends m {
+let C = class extends m {
   constructor(t) {
     super(t), this.generation = 0, this.nodes = /* @__PURE__ */ new Map();
   }
@@ -151,7 +151,7 @@ let w = class extends m {
   }
   showMore(t, e) {
     const s = this.ensureNode(t);
-    s.visibleChildCount >= e || (s.visibleChildCount = Math.min(e, s.visibleChildCount + X));
+    s.visibleChildCount >= e || (s.visibleChildCount = Math.min(e, s.visibleChildCount + Y));
   }
   loadNode(t, e) {
     switch (e.kind) {
@@ -171,13 +171,13 @@ let w = class extends m {
     const i = this.nodes.get(t);
     if (!i || i.status === "loading" || i.status === "loaded")
       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 c = this.nodes.get(t);
-      !c || this.generation !== a || c.requestId !== r || (s(c, n), c.status = "loaded");
+    const a = this.generation, o = i.requestId + 1;
+    i.requestId = o, i.status = "loading", i.errorMessage = "", i.schemaValue = void 0, i.collectionItems = [], e().then((n) => {
+      const r = this.nodes.get(t);
+      !r || this.generation !== a || r.requestId !== o || (s(r, n), r.status = "loaded");
     }).catch(() => {
       const n = this.nodes.get(t);
-      !n || this.generation !== a || n.requestId !== r || (n.status = "error");
+      !n || this.generation !== a || n.requestId !== o || (n.status = "error");
     });
   }
   destroyNodes() {
@@ -186,12 +186,12 @@ let w = class extends m {
     this.nodes.clear();
   }
 };
-w = _([
+C = _([
   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);
+], C);
+var $e = Object.defineProperty, De = Object.getOwnPropertyDescriptor, l = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? De(e, s) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (a = (i ? n(e, s, a) : n(a)) || a);
   return i && a && $e(e, s, a), a;
 };
 let b = class extends m {
@@ -218,62 +218,68 @@ let b = class extends m {
   }
 };
 l([
-  o()
+  c()
 ], b.prototype, "phase", 2);
 l([
-  o()
+  c()
 ], b.prototype, "mode", 2);
 l([
-  o()
+  c()
 ], b.prototype, "sessionId", 2);
 l([
-  o()
+  c()
 ], b.prototype, "result", 2);
 l([
-  o()
+  c()
 ], b.prototype, "consoleLogs", 2);
 l([
-  o()
+  c()
 ], b.prototype, "hasExecuted", 2);
 b = l([
   f("ArcadeDebuggerExecutionModel")
 ], b);
-let C = class extends m {
+let $ = class extends m {
   constructor(t) {
-    super(t), this.breakpoints = [];
+    super(t), this.editorBreakpoints = [], this.executionBreakpoints = [];
   }
-  setBreakpoints(t) {
-    this.breakpoints = Array.from(new Set(t)).sort((e, s) => e - s);
+  setBreakpoints(t, e) {
+    t === "editor" ? this.editorBreakpoints = Array.from(new Set(e)).sort((s, i) => s - i) : this.executionBreakpoints = Array.from(new Set(e)).sort((s, i) => s - i);
   }
-  toggleBreakpoint(t) {
-    const e = new Set(this.breakpoints);
-    e.has(t) ? e.delete(t) : e.add(t), this.setBreakpoints(e);
+  toggleBreakpoint(t, e) {
+    const s = new Set(t === "editor" ? this.editorBreakpoints : this.executionBreakpoints);
+    s.has(e) ? s.delete(e) : s.add(e), this.setBreakpoints(t, s);
   }
-  clearBreakpoints() {
-    this.breakpoints = [];
+  clearBreakpoints(t) {
+    t === "editor" ? this.editorBreakpoints = [] : this.executionBreakpoints = [];
+  }
+  syncExecutionBreakpointsFromEditor() {
+    this.executionBreakpoints = this.editorBreakpoints;
   }
 };
 l([
-  o()
-], C.prototype, "breakpoints", 2);
-C = l([
+  c()
+], $.prototype, "editorBreakpoints", 2);
+l([
+  c()
+], $.prototype, "executionBreakpoints", 2);
+$ = l([
   f("ArcadeDebuggerSessionModel")
-], C);
-let y = class extends m {
+], $);
+let D = class extends m {
   constructor(t) {
     super(t), this.openedPanel = "output", this.showPanel = !1;
   }
 };
 l([
-  o()
-], y.prototype, "openedPanel", 2);
+  c()
+], D.prototype, "openedPanel", 2);
 l([
-  o()
-], y.prototype, "showPanel", 2);
-y = l([
+  c()
+], D.prototype, "showPanel", 2);
+D = l([
   f("ArcadeDebuggerUiModel")
-], y);
-let $ = class extends m {
+], D);
+let E = class extends m {
   constructor(t) {
     super(t);
   }
@@ -291,23 +297,27 @@ let $ = class extends m {
   }
 };
 l([
-  o()
-], $.prototype, "pausedState", 2);
+  c()
+], E.prototype, "pausedState", 2);
 l([
-  o()
-], $.prototype, "lastPausedState", 2);
-$ = l([
+  c()
+], E.prototype, "lastPausedState", 2);
+E = l([
   f("ArcadeDebuggerPausedFrameModel")
-], $);
+], E);
 let p = class extends m {
   constructor(t) {
-    super(t), this.execution = new b(), this.lazyTreeState = new w(), this.pausedFrame = new $(), this.previewTabsState = new j(), this.session = new C(), this.ui = new y();
+    super(t), this.execution = new b(), this.lazyTreeState = new C(), this.pausedFrame = new E(), this.previewTabsState = new W(), this.session = new $(), this.ui = new D();
   }
-  get breakpoints() {
-    return this.session.breakpoints;
+  get editorBreakpoints() {
+    return this.session.editorBreakpoints;
   }
+  /** The "displayed" breakpoints within the console. depends on if the debugger is paused or not */
   get debuggerBreakpoints() {
-    return this.session.breakpoints.map((t) => ({ line: t }));
+    return this.isPaused ? this.session.executionBreakpoints.map((t) => ({ line: t })) : this.session.editorBreakpoints.map((t) => ({ line: t }));
+  }
+  get executionBreakpoints() {
+    return this.session.executionBreakpoints;
   }
   get consoleLogs() {
     return this.execution.consoleLogs;
@@ -368,8 +378,8 @@ let p = class extends m {
   addConsoleLog(t) {
     this.execution.addConsoleLog(t);
   }
-  clearBreakpoints() {
-    this.session.clearBreakpoints();
+  clearBreakpoints(t) {
+    this.session.clearBreakpoints(t);
   }
   clearForMissingTestData() {
     this.stopDebug({ hidePanel: !0 }), this.execution.hasExecuted = !1, this.execution.result = void 0;
@@ -381,14 +391,14 @@ let p = class extends m {
     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, 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();
+    this.execution.mode = "run", !e.useDebugRenderer && y(t) ? this.execution.result = { resultType: "run", result: t } : e.useDebugRenderer && !y(t) && (this.execution.result = { resultType: "debug", result: t }), this.execution.phase = "completed", this.pausedFrame.reset(), this.ui.openedPanel = "output", this.resetTransientDebuggerState();
   }
   continueDebug() {
     const t = this.pausedFrame.pausedState?.continue;
     t && (this.execution.phase = "debug-running", this.pausedFrame.clearPausedState(), t.resolve());
   }
   disableDebugger() {
-    this.stopDebug({ hidePanel: !0 }), this.clearBreakpoints();
+    this.stopDebug({ hidePanel: !0 }), this.clearBreakpoints("execution"), this.clearBreakpoints("editor");
   }
   fail(t) {
     this.completeRun(t);
@@ -398,7 +408,7 @@ let p = class extends m {
     this.syncPausedState(e, t), this.pausedFrame.setPausedState(t), this.execution.phase = "debug-paused";
   }
   reset() {
-    this.execution.phase = "idle", this.execution.mode = void 0, this.execution.result = void 0, this.execution.consoleLogs = [], this.execution.hasExecuted = !1, this.execution.sessionId = 0, this.ui.openedPanel = "output", this.ui.showPanel = !1, this.pausedFrame.reset(), this.session.clearBreakpoints(), this.replaceTransientDebuggerState();
+    this.execution.phase = "idle", this.execution.mode = void 0, this.execution.result = void 0, this.execution.consoleLogs = [], this.execution.hasExecuted = !1, this.execution.sessionId = 0, this.ui.openedPanel = "output", this.ui.showPanel = !1, this.pausedFrame.reset(), this.clearBreakpoints("execution"), this.clearBreakpoints("editor"), this.replaceTransientDebuggerState();
   }
   resetDebug() {
     this.stopDebug({ hidePanel: !1 }), this.execution.result = void 0, this.execution.consoleLogs = [], this.ui.openedPanel = "debug-console";
@@ -407,13 +417,13 @@ let p = class extends m {
     this.stopDebug({ hidePanel: !0 });
   }
   setBreakpoints(t) {
-    this.session.setBreakpoints(t);
+    this.session.setBreakpoints("editor", t);
   }
   setPanel(t) {
     this.execution.hasExecuted && (this.ui.openedPanel = t, this.ui.showPanel = !0);
   }
   startDebug() {
-    return this.execution.mode = "debug", this.execution.phase = "debug-running", this.execution.hasExecuted = !0, this.execution.result = void 0, this.execution.consoleLogs = [], this.ui.openedPanel = "debug-console", this.ui.showPanel = !0, this.execution.sessionId += 1, this.pausedFrame.reset(), this.replaceTransientDebuggerState(), this.execution.sessionId;
+    return this.execution.mode = "debug", this.execution.phase = "debug-running", this.execution.hasExecuted = !0, this.execution.result = void 0, this.session.syncExecutionBreakpointsFromEditor(), this.execution.consoleLogs = [], this.ui.openedPanel = "debug-console", this.ui.showPanel = !0, this.execution.sessionId += 1, this.pausedFrame.reset(), this.replaceTransientDebuggerState(), this.execution.sessionId;
   }
   startRun() {
     return this.execution.mode = "run", this.execution.phase = "running", this.execution.hasExecuted = !0, this.execution.result = void 0, this.execution.consoleLogs = [], this.ui.openedPanel = "output", this.ui.showPanel = !0, this.execution.sessionId += 1, this.pausedFrame.reset(), this.replaceTransientDebuggerState(), this.execution.sessionId;
@@ -430,7 +440,7 @@ let p = class extends m {
     this.lazyTreeState.reset(), t && e && t !== e && this.previewTabsState.invalidateAll(), this.pausedLine = e?.line;
   }
   toggleBreakpoint(t) {
-    this.session.toggleBreakpoint(t);
+    this.session.toggleBreakpoint("editor", t);
   }
   togglePanel(t) {
     if (this.execution.hasExecuted) {
@@ -449,40 +459,40 @@ let p = class extends m {
     this.pausedLine = void 0, this.lazyTreeState.reset(), this.previewTabsState.clear();
   }
   replaceTransientDebuggerState() {
-    this.pausedLine = void 0, this.lazyTreeState = new w(), this.previewTabsState = new j();
+    this.pausedLine = void 0, this.lazyTreeState = new C(), this.previewTabsState = new W();
   }
 };
 l([
-  o()
+  c()
 ], p.prototype, "execution", 2);
 l([
-  o()
+  c()
 ], p.prototype, "lazyTreeState", 2);
 l([
-  o()
+  c()
 ], p.prototype, "pausedLine", 2);
 l([
-  o()
+  c()
 ], p.prototype, "pausedFrame", 2);
 l([
-  o()
+  c()
 ], p.prototype, "previewTabsState", 2);
 l([
-  o()
+  c()
 ], p.prototype, "session", 2);
 l([
-  o()
+  c()
 ], p.prototype, "ui", 2);
 p = l([
   f("ArcadeDebuggerStore")
 ], p);
-const De = {
+const Ee = {
   glyphMargin: !0,
   lineNumbersMinChars: 1
 };
 class we extends ie {
   constructor() {
-    super(...arguments), this._codeEditorElt = K(), this._arcadeAssistantElt = K(), this._componentReadyDefer = Promise.withResolvers(), this._disposables = [], this._editorProfilePromise = Promise.resolve(void 0), this._debuggerState = new p(), this.messages = de(), this._modelId = ae(), this._openArcadeHelp = () => {
+    super(...arguments), this._codeEditorElt = H(), this._arcadeAssistantElt = H(), this._componentReadyDefer = Promise.withResolvers(), this._disposables = [], this._editorProfilePromise = Promise.resolve(void 0), this._debuggerState = new p(), 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");
@@ -492,11 +502,13 @@ class we extends ie {
       const e = this.editorInstance;
       if (!e)
         return;
-      const s = this._debuggerState.breakpoints.map((i) => ({
+      const s = this._debuggerState.editorBreakpoints.map((i) => ({
         range: new V(i, 1, i, 1),
         options: {
           isWholeLine: !0,
-          glyphMarginClassName: "arcgis-code-editor__breakpoint-glyph"
+          glyphMarginClassName: "arcgis-code-editor__breakpoint-glyph",
+          // keeps decoration at the same line when typing at the edges of the line or the range gets collapsed. essentially keeps breakpoint decoration as a single-line
+          stickiness: this._monacoEditor.TrackedRangeStickiness.NeverGrowsWhenTypingAtEdges
         }
       }));
       this._decorations?.clear(), this._decorations = e.createDecorationsCollection(s);
@@ -518,7 +530,7 @@ class we extends ie {
   }
   get editorOptions() {
     return {
-      ...De,
+      ...Ee,
       ...this._editorOptions
     };
   }
@@ -532,8 +544,8 @@ class we extends ie {
     if (!e)
       return { type: "error", value: "Missing editor profile", error: null };
     await this._componentReadyDefer.promise;
-    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 };
+    const s = this._codeEditorElt.value?.value, i = await K(e.definition, s, this.testData, { mode: "run" });
+    return y(i) ? i : { type: "error", value: "Unexpected debug result", error: null };
   }
   async setFocus() {
     await this._componentReadyDefer.promise, await this._codeEditorElt.value?.setFocus();
@@ -548,19 +560,19 @@ class we extends ie {
   }
   async load() {
     const e = Z("./assets");
-    re(e), await this._updateDataModelDeps(), 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; )
+    oe(e), await this._updateDataModelDeps(), this.manager.onLifecycle(() => (this.hasUpdated && this._connectMonacoCustomizations().catch(u(this)), () => {
+      for (this._askAiBindingKey && (B(this._askAiBindingKey, void 0), this._askAiBindingKey = void 0); this._disposables.length; )
         this._disposables.pop()?.dispose();
       this._abortExternalExecution(), this._connectMonacoCustomizationsPromise = void 0, this._executeScriptAction = void 0, this._clearDebuggerDecorations(), this._debuggerState.disconnect();
     }));
   }
   willUpdate(e) {
-    (e.has("messages") || e.has("profile")) && this._updateDataModelDeps(), e.has("testData") && this._testDataChanged(), e.has("enableDebugger") && !this.enableDebugger && this._debuggerState.disableDebugger(), e.has("snippets") && P.updateApiContextForModel(this._modelId, {
+    (e.has("messages") || e.has("profile")) && this._updateDataModelDeps(), e.has("testData") && this._testDataChanged(), e.has("enableDebugger") && !this.enableDebugger && this._debuggerState.disableDebugger(), e.has("snippets") && v.updateApiContextForModel(this._modelId, {
       snippets: this.snippets
     }), (e.has("arcadeAssistant") || e.has("disableAssistant")) && this._updateArcadeAssistantRemoteState();
   }
   async loaded() {
-    await this._connectMonacoCustomizations(), this._componentReadyDefer.resolve(), await this._codeEditorElt.value?.setFocus();
+    await this._connectMonacoCustomizations(), this._componentReadyDefer.resolve();
   }
   _setOpenedSidePanel(e) {
     this.openedSidePanel = e === this.openedSidePanel ? "none" : e;
@@ -571,15 +583,15 @@ class we extends ie {
     this._connectMonacoCustomizationsPromise = (async () => {
       if (!this.isConnected)
         return;
-      const e = await oe();
-      this._disposables.push(e.onDiagnosticsChange((c) => {
-        this._preparingArcade || (this._diagnostics = c.diagnostics, this.arcgisDiagnosticsChange.emit(c.diagnostics));
+      const e = await re();
+      this._disposables.push(e.onDiagnosticsChange((r) => {
+        this._preparingArcade || (this._diagnostics = r.diagnostics, this.arcgisDiagnosticsChange.emit(r.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 });
+      const s = L(() => this._debuggerState.editorBreakpoints, () => this._updateBreakpointsDecorations(), { sync: !0 }), i = L(() => this._debuggerState.debuggerLine, () => this._updateDebuggerPausedLineDecoration(), { sync: !0 }), a = L(() => 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((c) => this._onEditorMouseDown(c));
-      r && this._disposables.push(r);
-      const n = this.editorInstance?.onDidChangeModelContent((c) => this._onEditorModelContentChange(c));
+      const o = this.editorInstance?.onMouseDown((r) => this._onEditorMouseDown(r));
+      o && this._disposables.push(o);
+      const n = this.editorInstance?.onDidChangeModelContent((r) => this._onEditorModelContentChange(r));
       n && this._disposables.push(n), this._updateBreakpointsDecorations(), this._updateDebuggerPausedLineDecoration();
     })();
     try {
@@ -589,20 +601,16 @@ class we extends ie {
     }
   }
   _onEditorMouseDown(e) {
-    if (!this.enableDebugger || ![
-      this._monacoEditor.MouseTargetType.GUTTER_GLYPH_MARGIN,
-      this._monacoEditor.MouseTargetType.GUTTER_LINE_NUMBERS,
-      this._monacoEditor.MouseTargetType.GUTTER_LINE_DECORATIONS
-    ].includes(e.target.type))
+    if (!this.enableDebugger || ![this._monacoEditor.MouseTargetType.GUTTER_GLYPH_MARGIN].includes(e.target.type) || e.target.element?.classList.contains("codicon-gutter-lightbulb"))
       return;
     const s = e.target.position?.lineNumber;
     s && this._debuggerState.toggleBreakpoint(s);
   }
   _onEditorModelContentChange(e) {
-    if (!this.enableDebugger || !this._debuggerState.breakpoints.length || e.isFlush)
+    if (!this.enableDebugger || !this._debuggerState.editorBreakpoints.length || e.isFlush)
       return;
-    const s = pe(this._debuggerState.breakpoints, e.changes);
-    s.length === this._debuggerState.breakpoints.length && s.every((i, a) => i === this._debuggerState.breakpoints[a]) || this._debuggerState.setBreakpoints(s);
+    const s = pe(this._debuggerState.editorBreakpoints, e.changes);
+    s.length === this._debuggerState.editorBreakpoints.length && s.every((i, a) => i === this._debuggerState.editorBreakpoints[a]) || this._debuggerState.setBreakpoints(s);
   }
   _updateDebuggerPausedLineDecoration() {
     const e = this.editorInstance;
@@ -617,7 +625,10 @@ class we extends ie {
           isWholeLine: !0,
           className: "arcgis-code-editor__debugger-paused-line",
           glyphMarginClassName: "arcgis-code-editor__debugger-paused-glyph",
-          marginClassName: "arcgis-code-editor__debugger-paused-line arcgis-code-editor__debugger-paused-margin"
+          marginClassName: "arcgis-code-editor__debugger-paused-line arcgis-code-editor__debugger-paused-margin",
+          // keeps decoration at the same line when typing at the edges of the line or the range gets collapsed.
+          // essentially keeps paused decoration as a single-line no matter what
+          stickiness: this._monacoEditor.TrackedRangeStickiness.NeverGrowsWhenTypingAtEdges
         }
       }
     ]) : this._debuggerPausedLineDecoration = void 0;
@@ -628,8 +639,8 @@ class we extends ie {
   _abortExternalExecution() {
     this._externalExecutionAbortController?.abort(), this._externalExecutionAbortController = void 0;
   }
-  _stopDebugSession({ hideExecutionPanel: e = !0 } = {}) {
-    this._abortExternalExecution(), this._debuggerState.stopDebug({ hidePanel: e });
+  _stopDebugSession() {
+    this._abortExternalExecution(), this._debuggerState.stopDebug({ hidePanel: !1 });
   }
   _resetDebugSession() {
     this._abortExternalExecution(), this._debuggerState.resetDebug(), this._executeScript("debug").catch(u(this));
@@ -652,26 +663,26 @@ class we extends ie {
       return { type: "error", value: "Missing external executor", error: null };
     const a = new AbortController();
     this._abortExternalExecution(), this._externalExecutionAbortController = a;
-    const r = i.console ?? (() => {
+    const o = i.console ?? (() => {
     });
     try {
       if (e === "debug") {
-        const { breakpoints: n, onDebugPause: c } = i;
-        if (!n || !c)
+        const { breakpoints: n, onDebugPause: r } = i;
+        if (!n || !r)
           throw new Error("Missing debug execution options");
         return await this.externalExecutor.execute({
           mode: "debug",
           script: s,
-          console: r,
+          console: o,
           signal: a.signal,
           breakpoints: n,
-          onDebugPause: c
+          onDebugPause: r
         });
       }
       return await this.externalExecutor.execute({
         mode: "run",
         script: s,
-        console: r,
+        console: o,
         signal: a.signal
       });
     } catch (n) {
@@ -690,10 +701,10 @@ class we extends ie {
   async _updateEditorProfile() {
     this._preparingArcade = !0;
     try {
-      await P.setProfileForModel(this._modelId, this.profile, {
+      await v.setProfileForModel(this._modelId, this.profile, {
         locale: this.messages._t9nLocale,
         snippets: this.snippets
-      }), this._editorProfile = P.getEditorProfileForModel(this._modelId);
+      }), this._editorProfile = v.getEditorProfileForModel(this._modelId);
     } catch {
       this._editorProfile = void 0;
     } finally {
@@ -701,10 +712,10 @@ class we extends ie {
     }
   }
   async _updateApiLibrary() {
-    this._apiLibrary = await P.getApiLibraryForModel(this._modelId);
+    this._apiLibrary = await v.getApiLibraryForModel(this._modelId);
   }
   _setExecutionPanel(e) {
-    this._debuggerState.togglePanel(e);
+    this._debuggerState.setPanel(e);
   }
   async _executeScript(e) {
     const s = this.testData;
@@ -713,33 +724,33 @@ class we extends ie {
     const i = e === "debug" ? this._debuggerState.startDebug() : this._debuggerState.startRun();
     setTimeout(() => {
       (async () => {
-        const a = this._codeEditorElt.value?.value ?? this.script, r = {
+        const a = this._codeEditorElt.value?.value ?? this.script, o = {
           mode: e,
-          console: (c) => this._debuggerState.addConsoleLog(c),
+          console: (r) => this._debuggerState.addConsoleLog(r),
           breakpoints: e === "debug" ? this._debuggerState.debuggerBreakpoints : void 0
         };
-        e === "debug" && (r.onDebugPause = this._handleDebugPause.bind(this, i));
+        e === "debug" && (o.onDebugPause = this._handleDebugPause.bind(this, i));
         let n;
         if (this.externalExecutor)
-          n = await this._executeWithExternalExecutor(e, a, r);
+          n = await this._executeWithExternalExecutor(e, a, o);
         else {
-          const c = await this._editorProfilePromise;
-          if (!c) {
+          const r = await this._editorProfilePromise;
+          if (!r) {
             this._debuggerState.fail({ type: "error", value: "Missing editor profile", error: null });
             return;
           }
-          n = await z(c.definition, a, s, r);
+          n = await K(r.definition, a, s, o);
         }
         if (i === this._debuggerState.sessionId) {
           if (e === "debug") {
-            if (v(n)) {
+            if (y(n)) {
               this._debuggerState.fail(n);
               return;
             }
             this._debuggerState.completeDebug(n);
             return;
           }
-          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 });
+          y(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);
@@ -823,10 +834,10 @@ class we extends ie {
       return;
     const s = this._getAskAiBindingKey();
     if (!this._arcadeAssistantRemoteState.shouldRender) {
-      this._askAiBindingKey && (D(this._askAiBindingKey, void 0), this._askAiBindingKey = void 0);
+      this._askAiBindingKey && (B(this._askAiBindingKey, void 0), this._askAiBindingKey = void 0);
       return;
     }
-    this._askAiBindingKey && this._askAiBindingKey !== s && D(this._askAiBindingKey, void 0), D(s, {
+    this._askAiBindingKey && this._askAiBindingKey !== s && B(this._askAiBindingKey, void 0), B(s, {
       provideCodeActions: ({ context: i }) => this._getAskAiCodeActions(i),
       run: (i) => {
         this.openArcadeAssistant({
@@ -849,10 +860,10 @@ class we extends ie {
     }}></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 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>`;
+    return d`<arcgis-code-editor slot=editor .editorOptions=${this.editorOptions} .language=${v.languageId} .value=${this.script ?? ""} .modelId=${this._modelId} @arcgisValueChange=${this._onCodeEditorValueChange} ${j(this._codeEditorElt)}></arcgis-code-editor>`;
   }
-  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>` || ""}`;
+  renderAction({ id: e, label: s, icon: i, active: a, panelName: o, iconFlipRtl: n = !1, onClick: r = this._toggleSidePanel }) {
+    return d`<calcite-action id=${e ?? z} .text=${s} .textEnabled=${this.sideActionBarExpanded} .icon=${i} .active=${a} @click=${r} data-panel-name=${o ?? z} .iconFlipRtl=${n}></calcite-action>${!this.sideActionBarExpanded && d`<calcite-tooltip .referenceElement=${e}><span>${s}</span></calcite-tooltip>` || ""}`;
   }
   renderSideActionBar() {
     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({
@@ -899,7 +910,10 @@ class we extends ie {
     if (this.hideSideBar)
       return null;
     const { openedSidePanel: e, _arcadeAssistantRemoteState: s } = this;
-    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>` || ""}${s?.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=${s.portalUrl} .serviceUrl=${"serviceUrl" in s ? s.serviceUrl : void 0} .helpBase=${s.helpBase} .promptingEnabled=${this._canPromptWithArcadeAssistant()} .feedbackServiceUrl=${s.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((i) => d`<calcite-flow slot=side-panel class=${x(e === i.id ? "" : "hidden")}>${i?.useFlows ? i.renderer?.({
+    return d`<arcgis-language-api-panel slot=side-panel class=${P(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=${P(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,
+      profilevariables: this.messages.profilevariables
+    }}></arcgis-editor-variables>${this.suggestions?.length && d`<arcgis-arcade-suggestions slot=side-panel class=${P(e === "suggestions" ? "" : "hidden")} .closed=${e !== "suggestions"} .suggestions=${this.suggestions} @arcgisInternalItemSelected=${this._insertAsText} @arcgisInternalClosePanel=${this._closeSidePanel} data-panel-name=none></arcgis-arcade-suggestions>` || ""}${s?.shouldRender && d`<arcgis-arcade-coding-assistant slot=side-panel class=${P(e === "arcade-assistant" ? "" : "hidden")} .closed=${e !== "arcade-assistant"} .insertText=${this._insertText.bind(this)} .closePanel=${this._closeSidePanel} .portalUrl=${s.portalUrl} .serviceUrl=${"serviceUrl" in s ? s.serviceUrl : void 0} .helpBase=${s.helpBase} .promptingEnabled=${this._canPromptWithArcadeAssistant()} .feedbackServiceUrl=${s.feedbackServiceUrl} .editorRef=${this.el} .appVersion=${this.arcadeAssistant?.appVersion} .disableQuestionAnswerLogging=${this.arcadeAssistant?.disableQuestionAnswerLogging} .diagnostics=${this._diagnostics} ${j(this._arcadeAssistantElt)}></arcgis-arcade-coding-assistant>` || ""}${this.customPanels?.map((i) => d`<calcite-flow slot=side-panel class=${P(e === i.id ? "" : "hidden")}>${i?.useFlows ? i.renderer?.({
       closePanel: this._toggleSidePanel,
       insertText: this._insertText.bind(this),
       closed: e !== i.id,
@@ -922,18 +936,18 @@ class we extends ie {
     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" ? 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;
+    const { showPanel: e, openedPanel: s, debugResult: i, isExecuting: a, mode: o } = this._debuggerState;
+    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" && (o === "debug" || i) ? d`<arcgis-arcade-debugger-output .outputTitle=${this.messages.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 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=${() => {
+    const { showPanel: e, hasExecuted: s, openedPanel: i, isDebugging: a, isPaused: o, isExecuting: n } = this._debuggerState, r = this.messages.continue ?? "Continue", w = this.messages.reset ?? "Reset", x = this.messages.stop ?? "Stop";
+    return d`<div slot=bottom-action-bar class=${`main-action-bar bottom-action-bar ${e ? "" : "is-collapsed"}`}><calcite-action-bar class="bottom-action-bar__actions" layout=horizontal scale=s expand-disabled expanded><calcite-action-group scale=s>${a ? d`<calcite-action id=debugger-continue-action .text=${r} icon=forward scale=s .disabled=${!o} @click=${this._continueDebugSession}></calcite-action><calcite-tooltip reference-element=debugger-continue-action placement=top><span>${r}</span></calcite-tooltip><calcite-action id=debugger-reset-action .text=${w} icon=reset scale=s @click=${this._resetDebugSession}></calcite-action><calcite-tooltip reference-element=debugger-reset-action placement=top><span>${w}</span></calcite-tooltip><calcite-action id=debugger-stop-action .text=${x} icon=circle-stop scale=s @click=${this._stopDebugSession}></calcite-action><calcite-tooltip reference-element=debugger-stop-action placement=top><span>${x}</span></calcite-tooltip>` : 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=${() => {
+    }}></calcite-action><calcite-action .disabled=${this._debuggerState.editorBreakpoints.length === 0} .text=${this.messages.runanddebug ?? "Run and Debug"} text-enabled icon=debug-script scale=s .loading=${this._preparingArcade || n} @click=${() => {
       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>`;
+    }}></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")} .disabled=${this.enableDebugger && this._debuggerState.mode === "debug"}></calcite-action><calcite-action .active=${i === "debug-console" && e} .text=${this.messages.debugconsole ?? "Debug Console"} text-enabled scale=s icon=debug-script .disabled=${this._debuggerState.mode !== "debug"} @click=${() => this._setExecutionPanel("debug-console")}></calcite-action></calcite-action-group>` : null}</calcite-action-bar>${e ? d`<calcite-action .text=${this.messages.close ?? "Close"} scale=s icon=x icon-flip-rtl @click=${this._onExecutionPanelClose} slot=actions-end></calcite-action>` : null}</div>`;
   }
   render() {
     return d`<arcgis-code-editor-shell>${this.renderMainActionBar()}${this.renderMainPanel()}${this.renderBottomActionBar()}${this.renderResultsPanel()}${this.renderSidePanel()}${this.renderSideActionBar()}</arcgis-code-editor-shell>`;