@arcgis/coding-components 5.2.0-next.129 → 5.2.0-next.130

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

@@ -1,61 +1,61 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { g as O, c as N } from "../../chunks/runtime.js";
-import { css as z, html as d, nothing as C } from "lit";
-import { i as U } from "../../chunks/monaco-importer.js";
-import { LitElement as K, createEvent as R, safeClassMap as S } from "@arcgis/lumina";
-import { generateGuid as V } from "@arcgis/toolkit/string";
-import { i as f, e as k, c as m, D as H } from "../../chunks/arcade-executor.js";
-import { s as W, a as G } from "../../chunks/arcade-service-accessors.js";
-import { b as P } from "../../chunks/arcade-defaults.js";
-import { setArcadeAskAiBinding as $, arcadeAskAiCommandId as j, arcadeQuickFixKind as Q } from "../../chunks/arcade-mode.js";
-import { u as Y } from "../../chunks/useT9n.js";
+import { g as N, c as z } from "../../chunks/runtime.js";
+import { css as U, html as d, nothing as C } from "lit";
+import { i as H } from "../../chunks/monaco-importer.js";
+import { LitElement as V, createEvent as R, safeClassMap as P } from "@arcgis/lumina";
+import { generateGuid as G } from "@arcgis/toolkit/string";
+import { i as A, e as B, c as m, D as W } from "../../chunks/arcade-executor.js";
+import { s as j, a as Q } from "../../chunks/arcade-service-accessors.js";
+import { b as y } from "../../chunks/arcade-defaults.js";
+import { setArcadeAskAiBinding as w, arcadeAskAiCommandId as Y, arcadeQuickFixKind as J } from "../../chunks/arcade-mode.js";
+import { u as X } from "../../chunks/useT9n.js";
 import { createRef as T, ref as L } from "lit/directives/ref.js";
-import { load as J } from "@arcgis/lumina/controllers";
-import { g as X } from "../../chunks/utils.js";
-import { rethrowError as u } from "@arcgis/toolkit/log";
-import { watch as w } from "@arcgis/core/core/reactiveUtils.js";
-import _ from "@arcgis/core/core/Accessor.js";
-import { property as o, subclass as x } from "@arcgis/core/core/accessorSupport/decorators.js";
+import { load as Z } from "@arcgis/lumina/controllers";
+import { g as q } from "../../chunks/utils.js";
+import { rethrowError as l } from "@arcgis/toolkit/log";
+import { watch as v } from "@arcgis/core/core/reactiveUtils.js";
+import f from "@arcgis/core/core/Accessor.js";
+import { property as o, subclass as S } from "@arcgis/core/core/accessorSupport/decorators.js";
 import { A as M } from "../../chunks/ArcadeDebuggerPreviewTabsState.js";
-import { r as Z } from "../../chunks/utilities.js";
-import { Range as I, KeyCode as q, Uri as ee } from "monaco-editor";
-const te = z`: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}}`;
-var ie = Object.defineProperty, se = Object.getOwnPropertyDescriptor, b = (i, e, t, s) => {
-  for (var a = s > 1 ? void 0 : s ? se(e, t) : e, n = i.length - 1, r; n >= 0; n--)
+import { r as ee } from "../../chunks/utilities.js";
+import { Range as I, KeyCode as F, KeyMod as O, Uri as te } from "monaco-editor";
+const ie = U`: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: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}}`;
+var se = Object.defineProperty, ae = Object.getOwnPropertyDescriptor, _ = (i, e, t, s) => {
+  for (var a = s > 1 ? void 0 : s ? ae(e, t) : e, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(e, t, a) : r(a)) || a);
-  return s && a && ie(e, t, a), a;
+  return s && a && se(e, t, a), a;
 };
-const F = 100;
-let h = class extends _ {
+const K = 100;
+let h = class extends f {
   constructor(i) {
-    super(i), this.collectionItems = [], this.errorMessage = "", this.expanded = !1, this.requestId = 0, this.status = "idle", this.visibleChildCount = F;
+    super(i), this.collectionItems = [], this.errorMessage = "", this.expanded = !1, this.requestId = 0, this.status = "idle", this.visibleChildCount = K;
   }
 };
-b([
+_([
   o()
 ], h.prototype, "collectionItems", 2);
-b([
+_([
   o()
 ], h.prototype, "errorMessage", 2);
-b([
+_([
   o()
 ], h.prototype, "expanded", 2);
-b([
+_([
   o()
 ], h.prototype, "requestId", 2);
-b([
+_([
   o()
 ], h.prototype, "schemaValue", 2);
-b([
+_([
   o()
 ], h.prototype, "status", 2);
-b([
+_([
   o()
 ], h.prototype, "visibleChildCount", 2);
-h = b([
-  x("ArcadeDebuggerLazyTreeNodeState")
+h = _([
+  S("ArcadeDebuggerLazyTreeNodeState")
 ], h);
-let D = class extends _ {
+let k = class extends f {
   constructor(i) {
     super(i), this.generation = 0, this.nodes = /* @__PURE__ */ new Map();
   }
@@ -79,7 +79,7 @@ let D = class extends _ {
   }
   showMore(i, e) {
     const t = this.ensureNode(i);
-    t.visibleChildCount >= e || (t.visibleChildCount = Math.min(e, t.visibleChildCount + F));
+    t.visibleChildCount >= e || (t.visibleChildCount = Math.min(e, t.visibleChildCount + K));
   }
   loadNode(i, e) {
     switch (e.kind) {
@@ -101,8 +101,8 @@ let D = class extends _ {
       return;
     const a = this.generation, n = s.requestId + 1;
     s.requestId = n, s.status = "loading", s.errorMessage = "", s.schemaValue = void 0, s.collectionItems = [], e().then((r) => {
-      const l = this.nodes.get(i);
-      !l || this.generation !== a || l.requestId !== n || (t(l, r), l.status = "loaded");
+      const u = this.nodes.get(i);
+      !u || this.generation !== a || u.requestId !== n || (t(u, r), u.status = "loaded");
     }).catch(() => {
       const r = this.nodes.get(i);
       !r || this.generation !== a || r.requestId !== n || (r.status = "error");
@@ -114,15 +114,15 @@ let D = class extends _ {
     this.nodes.clear();
   }
 };
-D = b([
-  x("ArcadeDebuggerLazyTreeState")
-], D);
-var ae = Object.defineProperty, ne = Object.getOwnPropertyDescriptor, c = (i, e, t, s) => {
-  for (var a = s > 1 ? void 0 : s ? ne(e, t) : e, n = i.length - 1, r; n >= 0; n--)
+k = _([
+  S("ArcadeDebuggerLazyTreeState")
+], k);
+var ne = Object.defineProperty, re = Object.getOwnPropertyDescriptor, c = (i, e, t, s) => {
+  for (var a = s > 1 ? void 0 : s ? re(e, t) : e, n = i.length - 1, r; n >= 0; n--)
     (r = i[n]) && (a = (s ? r(e, t, a) : r(a)) || a);
-  return s && a && ae(e, t, a), a;
+  return s && a && ne(e, t, a), a;
 };
-let p = class extends _ {
+let b = class extends f {
   constructor(i) {
     super(i), this.phase = "idle", this.sessionId = 0, this.consoleLogs = [], this.hasExecuted = !1;
   }
@@ -153,26 +153,26 @@ let p = class extends _ {
 };
 c([
   o()
-], p.prototype, "phase", 2);
+], b.prototype, "phase", 2);
 c([
   o()
-], p.prototype, "mode", 2);
+], b.prototype, "mode", 2);
 c([
   o()
-], p.prototype, "sessionId", 2);
+], b.prototype, "sessionId", 2);
 c([
   o()
-], p.prototype, "result", 2);
+], b.prototype, "result", 2);
 c([
   o()
-], p.prototype, "consoleLogs", 2);
+], b.prototype, "consoleLogs", 2);
 c([
   o()
-], p.prototype, "hasExecuted", 2);
-p = c([
-  x("ArcadeDebuggerExecutionModel")
-], p);
-let A = class extends _ {
+], b.prototype, "hasExecuted", 2);
+b = c([
+  S("ArcadeDebuggerExecutionModel")
+], b);
+let D = class extends f {
   constructor(i) {
     super(i), this.editorBreakpoints = [], this.executionBreakpoints = [];
   }
@@ -192,28 +192,28 @@ let A = class extends _ {
 };
 c([
   o()
-], A.prototype, "editorBreakpoints", 2);
+], D.prototype, "editorBreakpoints", 2);
 c([
   o()
-], A.prototype, "executionBreakpoints", 2);
-A = c([
-  x("ArcadeDebuggerSessionModel")
-], A);
-let y = class extends _ {
+], D.prototype, "executionBreakpoints", 2);
+D = c([
+  S("ArcadeDebuggerSessionModel")
+], D);
+let E = class extends f {
   constructor(i) {
     super(i), this.openedPanel = "output", this.showPanel = !1;
   }
 };
 c([
   o()
-], y.prototype, "openedPanel", 2);
+], E.prototype, "openedPanel", 2);
 c([
   o()
-], y.prototype, "showPanel", 2);
-y = c([
-  x("ArcadeDebuggerUiModel")
-], y);
-let v = class extends _ {
+], E.prototype, "showPanel", 2);
+E = c([
+  S("ArcadeDebuggerUiModel")
+], E);
+let $ = class extends f {
   constructor(i) {
     super(i);
   }
@@ -232,16 +232,16 @@ let v = class extends _ {
 };
 c([
   o()
-], v.prototype, "pausedState", 2);
+], $.prototype, "pausedState", 2);
 c([
   o()
-], v.prototype, "lastPausedState", 2);
-v = c([
-  x("ArcadeDebuggerPausedFrameModel")
-], v);
-let g = class extends _ {
+], $.prototype, "lastPausedState", 2);
+$ = c([
+  S("ArcadeDebuggerPausedFrameModel")
+], $);
+let g = class extends f {
   constructor(i) {
-    super(i), this.execution = new p(), this.lazyTreeState = new D(), this.pausedFrame = new v(), this.previewTabsState = new M(), this.session = new A(), this.ui = new y();
+    super(i), this.execution = new b(), this.lazyTreeState = new k(), this.pausedFrame = new $(), this.previewTabsState = new M(), this.session = new D(), this.ui = new E();
   }
   get editorBreakpoints() {
     return this.session.editorBreakpoints;
@@ -331,7 +331,7 @@ let g = class extends _ {
     this.execution.mode = "debug", this.execution.result = { resultType: "debug", result: i, ...e ? { timing: e } : {} }, this.execution.phase = "completed", this.ui.openedPanel = "output", this.pausedFrame.reset(), this.resetTransientDebuggerState();
   }
   completeRun(i, e = {}) {
-    this.execution.mode = "run", !e.useDebugRenderer && f(i) ? this.execution.result = { resultType: "run", result: i } : e.useDebugRenderer && !f(i) && (this.execution.result = {
+    this.execution.mode = "run", !e.useDebugRenderer && A(i) ? this.execution.result = { resultType: "run", result: i } : e.useDebugRenderer && !A(i) && (this.execution.result = {
       resultType: "debug",
       result: i,
       ...e.timing ? { timing: e.timing } : {}
@@ -403,7 +403,7 @@ let g = class extends _ {
     this.pausedLine = void 0, this.lazyTreeState.reset(), this.previewTabsState.clear();
   }
   replaceTransientDebuggerState() {
-    this.pausedLine = void 0, this.lazyTreeState = new D(), this.previewTabsState = new M();
+    this.pausedLine = void 0, this.lazyTreeState = new k(), this.previewTabsState = new M();
   }
 };
 c([
@@ -428,13 +428,13 @@ c([
   o()
 ], g.prototype, "ui", 2);
 g = c([
-  x("ArcadeDebuggerStore")
+  S("ArcadeDebuggerStore")
 ], g);
-class re {
+class oe {
   #e;
   #a;
   #t;
-  constructor(e, t = k) {
+  constructor(e, t = B) {
     this.#e = e, this.#a = t;
   }
   start(e) {
@@ -470,7 +470,7 @@ class re {
       breakpoints: e.mode === "debug" ? e.breakpoints : void 0,
       onDebugPause: e.mode === "debug" ? (n, r) => this.#n(t, n, r) : void 0
     });
-    return e.mode === "debug" ? f(a) ? { type: "failure", error: this.#l(a) } : { type: "debug", value: a } : f(a) ? { type: "legacy-run", result: a } : { type: "failure", error: m("Unexpected debug result") };
+    return e.mode === "debug" ? A(a) ? { type: "failure", error: this.#u(a) } : { type: "debug", value: a } : A(a) ? { type: "legacy-run", result: a } : { type: "failure", error: m("Unexpected debug result") };
   }
   async #c(e, t) {
     const { externalExecutor: s } = e, a = new AbortController();
@@ -480,10 +480,10 @@ class re {
         const r = await s.execute({
           mode: "debug",
           script: e.script,
-          console: (l) => this.#s(t, l),
+          console: (u) => this.#s(t, u),
           signal: a.signal,
           breakpoints: e.breakpoints,
-          onDebugPause: (l, E) => this.#n(t, l, E)
+          onDebugPause: (u, x) => this.#n(t, u, x)
         });
         return { type: "debug", value: r.result, timing: r.timing };
       }
@@ -533,22 +533,22 @@ class re {
           });
       }
   }
-  #l(e) {
+  #u(e) {
     return e.type === "error" ? m(e.value, e.error) : m("Unexpected legacy result");
   }
   #i(e) {
     return e === this.#e.sessionId;
   }
 }
-const oe = {
+const ce = {
   glyphMargin: !0,
   lineNumbersMinChars: 1
 };
-class ce extends K {
+class de extends V {
   constructor() {
-    super(...arguments), this._codeEditorElt = T(), this._arcadeAssistantElt = T(), this._componentReadyDefer = Promise.withResolvers(), this._disposables = [], this._editorProfilePromise = Promise.resolve(void 0), this._debuggerState = new g(), this._executionCoordinator = new re(this._debuggerState), this.messages = Y(), this._modelId = V(), this._openArcadeHelp = () => {
-      window.open(H, "Arcade Help");
-    }, this._decorations = void 0, this._monacoEditor = J(U), this._editorOptions = {}, this._toggleSidePanel = (e) => {
+    super(...arguments), this._codeEditorElt = T(), this._arcadeAssistantElt = T(), this._componentReadyDefer = Promise.withResolvers(), this._disposables = [], this._editorProfilePromise = Promise.resolve(void 0), this._focusContinueActionOnPause = !1, this._debuggerState = new g(), this._executionCoordinator = new oe(this._debuggerState), this.messages = X(), this._modelId = G(), this._openArcadeHelp = () => {
+      window.open(W, "Arcade Help");
+    }, this._decorations = void 0, this._monacoEditor = Z(H), this._editorOptions = {}, this._toggleSidePanel = (e) => {
       e.currentTarget instanceof HTMLElement && this._setOpenedSidePanel(e.currentTarget.dataset.panelName ?? "none");
     }, this._closeSidePanel = () => {
       this._setOpenedSidePanel("none");
@@ -574,7 +574,7 @@ class ce extends K {
     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, disableAssistant: 5, arcadeAssistant: 0, externalExecutor: 0 };
   }
   static {
-    this.styles = [te];
+    this.styles = [ie];
   }
   get _canExecute() {
     return !!(this.testData || this.externalExecutor);
@@ -587,7 +587,7 @@ class ce extends K {
   }
   get editorOptions() {
     return {
-      ...oe,
+      ...ce,
       ...this._editorOptions
     };
   }
@@ -601,8 +601,8 @@ class ce extends K {
     if (!e)
       return { type: "error", value: "Missing editor profile", error: null };
     await this._componentReadyDefer.promise;
-    const t = this._codeEditorElt.value?.value, s = await k(e.definition, t, this.testData, { mode: "run" });
-    return f(s) ? s : { type: "error", value: "Unexpected result", error: null };
+    const t = this._codeEditorElt.value?.value, s = await B(e.definition, t, this.testData, { mode: "run" });
+    return A(s) ? s : { type: "error", value: "Unexpected result", error: null };
   }
   async testRun() {
     try {
@@ -624,8 +624,8 @@ class ce extends K {
       const s = await this._editorProfilePromise;
       if (!s)
         throw new Error("Missing editor profile");
-      const a = await k(s.definition, e, t, { mode: "debug" });
-      if (f(a))
+      const a = await B(s.definition, e, t, { mode: "debug" });
+      if (A(a))
         throw a.type === "error" && a.error instanceof Error ? a.error : new Error(a.type === "error" ? a.value : "Unexpected Arcade result");
       return a;
     } catch (e) {
@@ -645,15 +645,15 @@ class ce extends K {
     return e?.prompt && await t?.openPrompt(e.prompt), !0;
   }
   async load() {
-    const e = O("./assets");
-    W(e), await this._updateDataModelDeps(), this.manager.onLifecycle(() => (this.hasUpdated && this._connectMonacoCustomizations().catch(u(this)), () => {
-      for (this._askAiBindingKey && ($(this._askAiBindingKey, void 0), this._askAiBindingKey = void 0); this._disposables.length; )
+    const e = N("./assets");
+    j(e), await this._updateDataModelDeps(), this.manager.onLifecycle(() => (this.hasUpdated && this._connectMonacoCustomizations().catch(l(this)), () => {
+      for (this._askAiBindingKey && (w(this._askAiBindingKey, void 0), this._askAiBindingKey = void 0); this._disposables.length; )
         this._disposables.pop()?.dispose();
-      this._executionCoordinator.cancel(), this._connectMonacoCustomizationsPromise = void 0, this._executeScriptAction = void 0, this._clearDebuggerDecorations(), this._debuggerState.disconnect();
+      this._executionCoordinator.cancel(), this._connectMonacoCustomizationsPromise = void 0, this._executeScriptAction = void 0, this._executeDebugScriptAction = void 0, this._hasDebuggerBreakpointsContextKey = void 0, this._focusContinueActionOnPause = !1, this._clearDebuggerDecorations(), this._debuggerState.disconnect();
     }));
   }
   willUpdate(e) {
-    (e.has("messages") || e.has("profile")) && this._updateDataModelDeps(), (e.has("testData") || e.has("externalExecutor")) && this._executionContextChanged(), 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") || e.has("externalExecutor")) && this._executionContextChanged(), e.has("enableDebugger") && (this.enableDebugger || this._debuggerState.disableDebugger(), this._syncExecuteDebugScriptAction()), e.has("snippets") && y.updateApiContextForModel(this._modelId, {
       snippets: this.snippets
     }), (e.has("arcadeAssistant") || e.has("disableAssistant")) && this._updateArcadeAssistantRemoteState();
   }
@@ -669,16 +669,26 @@ class ce extends K {
     this._connectMonacoCustomizationsPromise = (async () => {
       if (!this.isConnected)
         return;
-      const e = await G();
-      this._disposables.push(e.onDiagnosticsChange((l) => {
-        this._preparingArcade || (this._diagnostics = l.diagnostics, this.arcgisDiagnosticsChange.emit(l.diagnostics));
+      const e = await Q();
+      this._disposables.push(e.onDiagnosticsChange((p) => {
+        this._preparingArcade || (this._diagnostics = p.diagnostics, this.arcgisDiagnosticsChange.emit(p.diagnostics));
       })), this._canExecute && !this._executeScriptAction && this._addExecuteScriptAction(), this._syncAskAiAction();
-      const t = w(() => this._debuggerState.editorBreakpoints, () => this._updateBreakpointsDecorations(), { sync: !0 }), s = w(() => this._debuggerState.debuggerLine, () => this._updateDebuggerPausedLineDecoration(), { sync: !0 }), a = w(() => this._debuggerState.consoleLogs.length, () => this.requestUpdate(), { sync: !0 });
-      this._disposables.push({ dispose: () => t.remove() }, { dispose: () => s.remove() }, { dispose: () => a.remove() });
-      const n = this.editorInstance?.onMouseDown((l) => this._onEditorMouseDown(l));
-      n && this._disposables.push(n);
-      const r = this.editorInstance?.onDidChangeModelContent((l) => this._onEditorModelContentChange(l));
-      r && this._disposables.push(r), this._updateBreakpointsDecorations(), this._updateDebuggerPausedLineDecoration();
+      const t = v(() => this._debuggerState.editorBreakpoints, () => {
+        this._updateBreakpointsDecorations(), this._updateDebuggerBreakpointContextKey();
+      }, { sync: !0 }), s = v(() => this._debuggerState.debuggerLine, () => this._updateDebuggerPausedLineDecoration(), { sync: !0 }), a = v(() => this._debuggerState.isPaused, () => {
+        !this._debuggerState.isPaused || !this._focusContinueActionOnPause || (this._focusContinueActionOnPause = !1, this.updateComplete.then(() => {
+          requestAnimationFrame(() => {
+            this.isConnected && this._debuggerState.isPaused && this.el.shadowRoot?.querySelector("#debugger-continue-action")?.setFocus();
+          });
+        }));
+      }, { sync: !0 }), n = v(() => this._debuggerState.isDebugging, () => {
+        this._debuggerState.isDebugging || (this._focusContinueActionOnPause = !1);
+      }, { sync: !0 }), r = v(() => this._debuggerState.consoleLogs.length, () => this.requestUpdate(), { sync: !0 });
+      this._disposables.push({ dispose: () => t.remove() }, { dispose: () => s.remove() }, { dispose: () => a.remove() }, { dispose: () => n.remove() }, { dispose: () => r.remove() }), this._updateDebuggerBreakpointContextKey();
+      const u = this.editorInstance?.onMouseDown((p) => this._onEditorMouseDown(p));
+      u && this._disposables.push(u);
+      const x = this.editorInstance?.onDidChangeModelContent((p) => this._onEditorModelContentChange(p));
+      x && this._disposables.push(x), this._updateBreakpointsDecorations(), this._updateDebuggerPausedLineDecoration();
     })();
     try {
       await this._connectMonacoCustomizationsPromise;
@@ -695,7 +705,7 @@ class ce extends K {
   _onEditorModelContentChange(e) {
     if (!this.enableDebugger || !this._debuggerState.editorBreakpoints.length || e.isFlush)
       return;
-    const t = Z(this._debuggerState.editorBreakpoints, e.changes);
+    const t = ee(this._debuggerState.editorBreakpoints, e.changes);
     t.length === this._debuggerState.editorBreakpoints.length && t.every((s, a) => s === this._debuggerState.editorBreakpoints[a]) || this._debuggerState.setBreakpoints(t);
   }
   _updateDebuggerPausedLineDecoration() {
@@ -726,21 +736,21 @@ class ce extends K {
     this._executionCoordinator.cancel({ hidePanel: !1 });
   }
   _resetDebugSession() {
-    this._debuggerState.resetDebug(), this._executeScript("debug").catch(u(this));
+    this._debuggerState.resetDebug(), this._executeScript("debug").catch(l(this));
   }
   async _updateDataModelDeps() {
     await this._updateEditorProfile(), await this._updateApiLibrary();
   }
   _executionContextChanged() {
-    !this._canExecute && this._executeScriptAction && (this._disposeSafely(this._executeScriptAction), this._executeScriptAction = void 0), this._canExecute && !this._executeScriptAction && this._addExecuteScriptAction(), !this.testData && this.enableDebugger && this._debuggerState.clearForMissingTestData(), this._debuggerState.openedPanel === "debug-console" && !this.enableDebugger && this._debuggerState.closePanel(), this._executionCoordinator.cancel({ hidePanel: !1 }), this._debuggerState.showPanel && this._executeScript("run").catch(u(this));
+    this._canExecute || (this._executeScriptAction && (this._disposeSafely(this._executeScriptAction), this._executeScriptAction = void 0), this._executeDebugScriptAction && (this._disposeSafely(this._executeDebugScriptAction), this._executeDebugScriptAction = void 0)), this._canExecute && !this._executeScriptAction && this._addExecuteScriptAction(), !this.testData && this.enableDebugger && this._debuggerState.clearForMissingTestData(), this._debuggerState.openedPanel === "debug-console" && !this.enableDebugger && this._debuggerState.closePanel(), this._executionCoordinator.cancel({ hidePanel: !1 }), this._debuggerState.showPanel && this._executeScript("run").catch(l(this));
   }
   async _updateEditorProfile() {
     this._preparingArcade = !0;
     try {
-      await P.setProfileForModel(this._modelId, this.profile, {
+      await y.setProfileForModel(this._modelId, this.profile, {
         locale: this.messages._t9nLocale,
         snippets: this.snippets
-      }), this._editorProfile = P.getEditorProfileForModel(this._modelId);
+      }), this._editorProfile = y.getEditorProfileForModel(this._modelId);
     } catch {
       this._editorProfile = void 0;
     } finally {
@@ -748,21 +758,21 @@ class ce extends K {
     }
   }
   async _updateApiLibrary() {
-    this._apiLibrary = await P.getApiLibraryForModel(this._modelId);
+    this._apiLibrary = await y.getApiLibraryForModel(this._modelId);
   }
   _setExecutionPanel(e) {
     this._debuggerState.setPanel(e);
   }
-  async _executeScript(e) {
-    const t = this.testData, s = this.externalExecutor;
-    !this._codeEditorElt.value || !t && !s || this._executionCoordinator.start({
+  async _executeScript(e, t = !1) {
+    const s = this.testData, a = this.externalExecutor;
+    !this._codeEditorElt.value || !s && !a || (this._focusContinueActionOnPause = e === "debug" && t, this._executionCoordinator.start({
       mode: e,
       script: this._codeEditorElt.value?.value ?? this.script,
-      testData: t,
+      testData: s,
       editorProfile: this._editorProfilePromise,
-      externalExecutor: s,
+      externalExecutor: a,
       breakpoints: this._debuggerState.debuggerBreakpoints
-    });
+    }));
   }
   _toggleShowExecutionPanel() {
     this._debuggerState.togglePanel();
@@ -774,13 +784,13 @@ class ce extends K {
     e.stopPropagation(), this.script = e.detail, this.arcgisScriptChange.emit(e.detail);
   }
   _insertAsSnippet(e) {
-    this._codeEditorElt.value?.insertSnippet(e.detail).catch(u(this));
+    this._codeEditorElt.value?.insertSnippet(e.detail).catch(l(this));
   }
   _insertAsText(e) {
     this._insertText(e.detail);
   }
   _insertText(e) {
-    this._codeEditorElt.value?.insertText(e).catch(u(this));
+    this._codeEditorElt.value?.insertText(e).catch(l(this));
   }
   _onResultPanelChange(e) {
     const t = e.currentTarget;
@@ -794,17 +804,41 @@ class ce extends K {
       // An unique identifier for the action.
       id: "run-script",
       label: "Run Arcade Expression",
-      keybindings: [q.F5],
+      keybindings: [F.F5],
       contextMenuGroupId: "code",
       contextMenuOrder: 1,
       run: () => {
-        this._canExecute && this._executeScript("run").catch(u(this));
+        this._canExecute && this._executeScript("run").catch(l(this));
       }
     });
-    e && (this._executeScriptAction = e, this._disposables.push(e));
+    e && (this._executeScriptAction = e, this._disposables.push(e)), this._syncExecuteDebugScriptAction();
+  }
+  _syncExecuteDebugScriptAction() {
+    if (!this._canExecute || !this.enableDebugger) {
+      this._executeDebugScriptAction && (this._disposeSafely(this._executeDebugScriptAction), this._executeDebugScriptAction = void 0);
+      return;
+    }
+    if (this._executeDebugScriptAction)
+      return;
+    const e = this.editorInstance?.addAction({
+      id: "run-debug-script",
+      label: this.messages.runanddebug ?? "Run and debug",
+      precondition: "arcgisArcadeDebuggerHasBreakpoints",
+      keybindings: [O.CtrlCmd | O.Shift | F.F5],
+      contextMenuGroupId: "code",
+      contextMenuOrder: 2,
+      run: () => this._runAndDebug()
+    });
+    this._hasDebuggerBreakpointsContextKey ??= this.editorInstance?.createContextKey("arcgisArcadeDebuggerHasBreakpoints", this._debuggerState.editorBreakpoints.length > 0), this._updateDebuggerBreakpointContextKey(), e && (this._executeDebugScriptAction = e, this._disposables.push(e));
+  }
+  _updateDebuggerBreakpointContextKey() {
+    this._hasDebuggerBreakpointsContextKey?.set(this._debuggerState.editorBreakpoints.length > 0);
+  }
+  _runAndDebug() {
+    !this._canExecute || !this.enableDebugger || !this._debuggerState.editorBreakpoints.length || this._executeScript("debug", !0).catch(l(this));
   }
   _getAskAiBindingKey() {
-    return ee.parse(this._modelId).toString();
+    return te.parse(this._modelId).toString();
   }
   _canRenderAskAiCodeActions() {
     const e = this._arcadeAssistantRemoteState;
@@ -823,7 +857,7 @@ class ce extends K {
     return [
       {
         title: t,
-        kind: Q,
+        kind: J,
         diagnostics: e.markers,
         isPreferred: !1,
         // isAI adds the sparkle and adds it to the hover menu, but it changes the
@@ -831,7 +865,7 @@ class ce extends K {
         // 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: j,
+          id: Y,
           title: t,
           arguments: [s, this.messages.askarcadeassistantprompt ?? "Fix the errors in my script"]
         }
@@ -843,15 +877,15 @@ class ce extends K {
       return;
     const t = this._getAskAiBindingKey();
     if (!this._arcadeAssistantRemoteState.shouldRender) {
-      this._askAiBindingKey && ($(this._askAiBindingKey, void 0), this._askAiBindingKey = void 0);
+      this._askAiBindingKey && (w(this._askAiBindingKey, void 0), this._askAiBindingKey = void 0);
       return;
     }
-    this._askAiBindingKey && this._askAiBindingKey !== t && $(this._askAiBindingKey, void 0), $(t, {
+    this._askAiBindingKey && this._askAiBindingKey !== t && w(this._askAiBindingKey, void 0), w(t, {
       provideCodeActions: ({ context: s }) => this._getAskAiCodeActions(s),
       run: (s) => {
         this.openArcadeAssistant({
           prompt: s ?? this.messages.askarcadeassistantprompt ?? "Fix the errors in my script"
-        }).catch(u(this));
+        }).catch(l(this));
       }
     }), this._askAiBindingKey = t;
   }
@@ -861,18 +895,18 @@ class ce extends K {
   }
   async _updateArcadeAssistantRemoteState() {
     const e = this.arcadeAssistant;
-    this.disableAssistant ? this._arcadeAssistantRemoteState = { shouldRender: !1 } : this._arcadeAssistantRemoteState = await X(e ?? {}), this._syncAskAiAction();
+    this.disableAssistant ? this._arcadeAssistantRemoteState = { shouldRender: !1 } : this._arcadeAssistantRemoteState = await q(e ?? {}), this._syncAskAiAction();
   }
   renderMainActionBar() {
     return this._usesBottomExecutionDrawer || !this._canExecute ? null : d`<calcite-action-bar class="main-action-bar" layout=horizontal scale=s expanded expand-toggle-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));
+      this._executeScript("run").catch(l(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 d`<arcgis-code-editor slot=editor .editorOptions=${this.editorOptions} .language=${P.languageId} .value=${this.script ?? ""} .modelId=${this._modelId} @arcgisValueChange=${this._onCodeEditorValueChange} ${L(this._codeEditorElt)}></arcgis-code-editor>`;
+    return d`<arcgis-code-editor slot=editor .editorOptions=${this.editorOptions} .language=${y.languageId} .value=${this.script ?? ""} .modelId=${this._modelId} @arcgisValueChange=${this._onCodeEditorValueChange} ${L(this._codeEditorElt)}></arcgis-code-editor>`;
   }
-  renderAction({ id: e, label: t, icon: s, active: a, panelName: n, iconFlipRtl: r = !1, onClick: l = this._toggleSidePanel }) {
-    return d`<calcite-action id=${e ?? C} .text=${t} .textEnabled=${this.sideActionBarExpanded} .icon=${s} .active=${a} @click=${l} data-panel-name=${n ?? C} .iconFlipRtl=${r}></calcite-action>${!this.sideActionBarExpanded && d`<calcite-tooltip .referenceElement=${e}><span>${t}</span></calcite-tooltip>` || ""}`;
+  renderAction({ id: e, label: t, icon: s, active: a, panelName: n, iconFlipRtl: r = !1, onClick: u = this._toggleSidePanel }) {
+    return d`<calcite-action id=${e ?? C} .text=${t} .textEnabled=${this.sideActionBarExpanded} .icon=${s} .active=${a} @click=${u} data-panel-name=${n ?? C} .iconFlipRtl=${r}></calcite-action>${!this.sideActionBarExpanded && d`<calcite-tooltip .referenceElement=${e}><span>${t}</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({
@@ -919,10 +953,10 @@ class ce extends K {
     if (this.hideSideBar)
       return null;
     const { openedSidePanel: e, _arcadeAssistantRemoteState: t } = this;
-    return d`<arcgis-language-api-panel slot=side-panel class=${S(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=${S(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=${{
+    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=${S(e === "suggestions" ? "" : "hidden")} .closed=${e !== "suggestions"} .suggestions=${this.suggestions} @arcgisInternalItemSelected=${this._insertAsText} @arcgisInternalClosePanel=${this._closeSidePanel} data-panel-name=none></arcgis-arcade-suggestions>` || ""}${t?.shouldRender && d`<arcgis-arcade-coding-assistant slot=side-panel class=${S(e === "arcade-assistant" ? "" : "hidden")} .closed=${e !== "arcade-assistant"} .insertText=${this._insertText.bind(this)} .closePanel=${this._closeSidePanel} .portalUrl=${t.portalUrl} .serviceUrl=${"serviceUrl" in t ? t.serviceUrl : void 0} .helpBase=${t.helpBase} .promptingEnabled=${this._canPromptWithArcadeAssistant()} .feedbackServiceUrl=${t.feedbackServiceUrl} .editorRef=${this.el} .appVersion=${this.arcadeAssistant?.appVersion} .disableQuestionAnswerLogging=${this.arcadeAssistant?.disableQuestionAnswerLogging} .diagnostics=${this._diagnostics} .isDevEnv=${"isDevEnv" in t ? t.isDevEnv : !1} ${L(this._arcadeAssistantElt)}></arcgis-arcade-coding-assistant>` || ""}${this.customPanels?.map((s) => d`<calcite-flow slot=side-panel class=${S(e === s.id ? "" : "hidden")}>${s?.useFlows ? s.renderer?.({
+    }}></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>` || ""}${t?.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=${t.portalUrl} .serviceUrl=${"serviceUrl" in t ? t.serviceUrl : void 0} .helpBase=${t.helpBase} .promptingEnabled=${this._canPromptWithArcadeAssistant()} .feedbackServiceUrl=${t.feedbackServiceUrl} .editorRef=${this.el} .appVersion=${this.arcadeAssistant?.appVersion} .disableQuestionAnswerLogging=${this.arcadeAssistant?.disableQuestionAnswerLogging} .diagnostics=${this._diagnostics} .isDevEnv=${"isDevEnv" in t ? t.isDevEnv : !1} ${L(this._arcadeAssistantElt)}></arcgis-arcade-coding-assistant>` || ""}${this.customPanels?.map((s) => d`<calcite-flow slot=side-panel class=${P(e === s.id ? "" : "hidden")}>${s?.useFlows ? s.renderer?.({
       closePanel: this._toggleSidePanel,
       insertText: this._insertText.bind(this),
       closed: e !== s.id,
@@ -954,18 +988,16 @@ class ce extends K {
   renderBottomActionBar() {
     if (!this._usesBottomExecutionDrawer)
       return null;
-    const { showPanel: e, hasExecuted: t, openedPanel: s, isDebugging: a, isPaused: n, isExecuting: r } = this._debuggerState, l = this.messages.continue ?? "Continue", E = this.messages.reset ?? "Reset", B = 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-toggle-disabled expanded><calcite-action-group scale=s>${this.enableDebugger && a ? d`<calcite-action id=debugger-continue-action .text=${l} icon=forward scale=s .disabled=${!n} @click=${this._continueDebugSession}></calcite-action><calcite-tooltip reference-element=debugger-continue-action placement=top><span>${l}</span></calcite-tooltip><calcite-action id=debugger-reset-action .text=${E} icon=reset scale=s @click=${this._resetDebugSession}></calcite-action><calcite-tooltip reference-element=debugger-reset-action placement=top><span>${E}</span></calcite-tooltip><calcite-action id=debugger-stop-action .text=${B} icon=circle-stop scale=s @click=${this._stopDebugSession}></calcite-action><calcite-tooltip reference-element=debugger-stop-action placement=top><span>${B}</span></calcite-tooltip>` : d`<calcite-action .text=${this.messages.run ?? ""} text-enabled icon=play scale=s .loading=${this._preparingArcade || r} @click=${() => {
-      this._executeScript("run").catch(u(this));
-    }}></calcite-action>${this.enableDebugger && d`<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 || r} @click=${() => {
-      this._executeScript("debug").catch(u(this));
-    }}></calcite-action>` || ""}`}</calcite-action-group>${t ? d`<calcite-action-group scale=s><calcite-action .active=${s === "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=${s === "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=${s === "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>${this.enableDebugger && d`<calcite-action .active=${s === "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>`;
+    const { showPanel: e, hasExecuted: t, openedPanel: s, isDebugging: a, isPaused: n, isExecuting: r } = this._debuggerState, u = this.messages.continue ?? "Continue", x = this.messages.reset ?? "Reset", p = 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-toggle-disabled expanded><calcite-action-group scale=s>${this.enableDebugger && a ? d`<calcite-action id=debugger-continue-action .text=${u} icon=forward scale=s .disabled=${!n} @click=${this._continueDebugSession}></calcite-action><calcite-tooltip reference-element=debugger-continue-action placement=top><span>${u}</span></calcite-tooltip><calcite-action id=debugger-reset-action .text=${x} icon=reset scale=s @click=${this._resetDebugSession}></calcite-action><calcite-tooltip reference-element=debugger-reset-action placement=top><span>${x}</span></calcite-tooltip><calcite-action id=debugger-stop-action .text=${p} icon=circle-stop scale=s @click=${this._stopDebugSession}></calcite-action><calcite-tooltip reference-element=debugger-stop-action placement=top><span>${p}</span></calcite-tooltip>` : d`<calcite-action .text=${this.messages.run ?? ""} text-enabled icon=play scale=s .loading=${this._preparingArcade || r} @click=${() => {
+      this._executeScript("run").catch(l(this));
+    }}></calcite-action>${this.enableDebugger && d`<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 || r} @click=${this._runAndDebug}></calcite-action>` || ""}`}</calcite-action-group>${t ? d`<calcite-action-group scale=s><calcite-action .active=${s === "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=${s === "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=${s === "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>${this.enableDebugger && d`<calcite-action .active=${s === "debug-console" && e} .text=${this.messages.debugconsole ?? "Debug console"} text-enabled scale=s icon=debug .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.collapse ?? "Collapse"} scale=s icon=chevrons-down 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>`;
   }
 }
-N("arcgis-arcade-editor", ce);
+z("arcgis-arcade-editor", de);
 export {
-  ce as ArcgisArcadeEditor
+  de as ArcgisArcadeEditor
 };