ember-inspector 4.13.1-alpha.2025.6.19 → 4.13.1-alpha.2025.6.21

package/dist/websocket/ember_debug.js

@@ -419,11 +419,21 @@ define('ember-debug/ember', ['exports'], (function (exports) { 'use strict';
   exports.captureRenderTree = Ember._captureRenderTree;
   exports.getEnv = () => Ember.ENV;
   let Debug = emberSafeRequire('@ember/debug');
+  let InternalsMetal = emberSafeRequire('@ember/-internals/metal');
+  let InternalsRuntime = emberSafeRequire('@ember/-internals/runtime');
   let InternalsUtils = emberSafeRequire('@ember/-internals/utils');
+  let InternalsViews = emberSafeRequire('@ember/-internals/views');
+  let EmberDestroyable = emberSafeRequire('@ember/destroyable');
   let ObjectInternals = emberSafeRequire('@ember/object/internals');
   let Instrumentation = emberSafeRequire('@ember/instrumentation');
   let Runloop = emberSafeRequire('@ember/runloop');
   let RSVP = emberSafeRequire('rsvp');
+  let GlimmerComponent = emberSafeRequire('@glimmer/component');
+  let GlimmerManager = emberSafeRequire('@glimmer/manager');
+  let GlimmerReference = emberSafeRequire('@glimmer/reference');
+  let GlimmerRuntime = emberSafeRequire('@glimmer/runtime');
+  let GlimmerUtil = emberSafeRequire('@glimmer/util');
+  let GlimmerValidator = emberSafeRequire('@glimmer/validator');
   if (!Ember) {
     exports.captureRenderTree = emberSafeRequire('@ember/debug')?.captureRenderTree;
     exports.getEnv = emberSafeRequire('@ember/-internals/environment')?.getENV;
@@ -452,8 +462,18 @@ define('ember-debug/ember', ['exports'], (function (exports) { 'use strict';
 
   exports.ActionHandler = ActionHandler;
   exports.Debug = Debug;
+  exports.EmberDestroyable = EmberDestroyable;
+  exports.GlimmerComponent = GlimmerComponent;
+  exports.GlimmerManager = GlimmerManager;
+  exports.GlimmerReference = GlimmerReference;
+  exports.GlimmerRuntime = GlimmerRuntime;
+  exports.GlimmerUtil = GlimmerUtil;
+  exports.GlimmerValidator = GlimmerValidator;
   exports.Instrumentation = Instrumentation;
+  exports.InternalsMetal = InternalsMetal;
+  exports.InternalsRuntime = InternalsRuntime;
   exports.InternalsUtils = InternalsUtils;
+  exports.InternalsViews = InternalsViews;
   exports.ObjectInternals = ObjectInternals;
   exports.RSVP = RSVP;
   exports.Runloop = Runloop;
@@ -665,11 +685,11 @@ define('ember-debug/main', ['ember-debug/base-object', 'ember-debug/basic2', 'em
    */
   const emberNames = new Map([[ember.Evented, 'Evented Mixin'], [ember.PromiseProxyMixin, 'PromiseProxy Mixin'], [ember.MutableArray, 'MutableArray Mixin'], [ember.MutableEnumerable, 'MutableEnumerable Mixin'], [ember.NativeArray, 'NativeArray Mixin'], [ember.Observable, 'Observable Mixin'], [ember.ControllerMixin, 'Controller Mixin'], [ember.ActionHandler, 'ActionHandler Mixin'], [ember.CoreObject, 'CoreObject'], [ember.EmberObject, 'EmberObject'], [ember.Component, 'Component']]);
   if (version.compareVersion(ember.VERSION, '3.27.0') === -1) {
-    const TargetActionSupport = ember.emberSafeRequire('@ember/-internals/runtime')?.TargetActionSupport;
+    const TargetActionSupport = ember.InternalsRuntime?.TargetActionSupport;
     emberNames.set(TargetActionSupport, 'TargetActionSupport Mixin');
   }
   try {
-    const Views = ember.emberSafeRequire('@ember/-internals/views') || {};
+    const Views = ember.InternalsViews || {};
     emberNames.set(Views.ViewStateSupport, 'ViewStateSupport Mixin');
     emberNames.set(Views.ViewMixin, 'View Mixin');
     emberNames.set(Views.ActionSupport, 'ActionSupport Mixin');
@@ -727,24 +747,19 @@ define('ember-debug/main', ['ember-debug/base-object', 'ember-debug/basic2', 'em
     return name || className || '(unknown class)';
   }
 
-  const GlimmerComponent = (() => {
-    try {
-      return ember.emberSafeRequire('@glimmer/component').default;
-    } catch {
-      // ignore, return undefined
-    }
-  })();
   let tagValue, tagValidate, track, tagForProperty;
-  try {
-    // Try to load the most recent library
-    let GlimmerValidator = ember.emberSafeRequire('@glimmer/validator');
-    tagValue = GlimmerValidator.value || GlimmerValidator.valueForTag;
-    tagValidate = GlimmerValidator.validate || GlimmerValidator.validateTag;
-    track = GlimmerValidator.track;
+  const GlimmerDebugComponent = (() => ember.GlimmerComponent?.default)();
+
+  // Try to use the most recent library (GlimmerValidator), else
+  // fallback on the previous implementation (GlimmerReference).
+  if (ember.GlimmerValidator) {
+    tagValue = ember.GlimmerValidator.value || ember.GlimmerValidator.valueForTag;
+    tagValidate = ember.GlimmerValidator.validate || ember.GlimmerValidator.validateTag;
+    track = ember.GlimmerValidator.track;
 
     // patch tagFor to add debug info, older versions already have _propertyKey
-    const tagFor = GlimmerValidator.tagFor;
-    GlimmerValidator.tagFor = function (...args) {
+    const tagFor = ember.GlimmerValidator.tagFor;
+    ember.GlimmerValidator.tagFor = function (...args) {
       const tag = tagFor.call(this, ...args);
       const [obj, key] = args;
       if ((!tag._propertyKey || !tag._object) && typeof obj === 'object' && typeof key === 'string') {
@@ -753,36 +768,27 @@ define('ember-debug/main', ['ember-debug/base-object', 'ember-debug/basic2', 'em
       }
       return tag;
     };
-    const trackedData = GlimmerValidator.trackedData;
-    GlimmerValidator.trackedData = function (...args) {
+    const trackedData = ember.GlimmerValidator.trackedData;
+    ember.GlimmerValidator.trackedData = function (...args) {
       const r = trackedData.call(this, ...args);
       if (r.getter && args.length === 2) {
         const [key] = args;
         const getter = r.getter;
         r.getter = function (self) {
-          GlimmerValidator.tagFor(self, key);
+          ember.GlimmerValidator.tagFor(self, key);
           return getter.call(this, self);
         };
       }
       return r;
     };
-  } catch {
-    try {
-      // Fallback to the previous implementation
-      let GlimmerReference = ember.emberSafeRequire('@glimmer/reference');
-      tagValue = GlimmerReference.value;
-      tagValidate = GlimmerReference.validate;
-    } catch {
-      // ignore
-    }
+  } else if (ember.GlimmerReference) {
+    tagValue = ember.GlimmerReference.value;
+    tagValidate = ember.GlimmerReference.validate;
   }
-  try {
-    let metal = ember.emberSafeRequire('@ember/-internals/metal');
-    tagForProperty = metal.tagForProperty;
+  if (ember.InternalsMetal) {
+    tagForProperty = ember.InternalsMetal.tagForProperty;
     // If track was not already loaded, use metal's version (the previous version)
-    track = track || metal.track;
-  } catch {
-    // ignore
+    track = track || ember.InternalsMetal.track;
   }
   const HAS_GLIMMER_TRACKING = tagValue && tagValidate && track && tagForProperty;
   const keys = Object.keys;
@@ -1790,7 +1796,7 @@ define('ember-debug/main', ['ember-debug/base-object', 'ember-debug/basic2', 'em
     // The rest are skipped to reduce noise in the inspector.
     if (ember.Component && object instanceof ember.Component) {
       skipProperties.push('currentState', 'state', 'buffer', 'outletSource', 'lengthBeforeRender', 'lengthAfterRender', 'template', 'layout', 'templateData', 'domManager', 'states', 'element', 'targetObject');
-    } else if (GlimmerComponent && object instanceof GlimmerComponent) {
+    } else if (GlimmerDebugComponent && object instanceof GlimmerDebugComponent) {
       // These properties don't really exist on Glimmer Components, but
       // reading their values trigger a development mode assertion. The
       // more correct long term fix is to make getters lazy (shows "..."
@@ -2298,20 +2304,13 @@ define('ember-debug/main', ['ember-debug/base-object', 'ember-debug/basic2', 'em
     constructor(owner) {
       this.nodeMap = new Map();
       this.remoteRoots = [];
-      this.runtime = ember.emberSafeRequire('@glimmer/runtime');
-      this.reference = ember.emberSafeRequire('@glimmer/reference');
-      try {
-        this.Wormhole = requireModule('ember-wormhole/components/ember-wormhole');
-      } catch {
-        // nope
-      }
-      try {
-        requireModule('@glimmer/manager').CustomModifierManager.prototype.getDebugInstance = args => args.modifier || args.delegate;
-      } catch {
-        // nope
+      this.runtime = ember.GlimmerRuntime;
+      this.reference = ember.GlimmerReference;
+      if (ember.GlimmerManager) {
+        ember.GlimmerManager.CustomModifierManager.prototype.getDebugInstance = args => args.modifier || args.delegate;
       }
-      this.DESTROY = ember.emberSafeRequire('@glimmer/util')?.DESTROY;
-      this.registerDestructor = ember.emberSafeRequire('@glimmer/destroyable')?.registerDestructor || ember.emberSafeRequire('@ember/destroyable')?.registerDestructor || ember.emberSafeRequire('@ember/runtime')?.registerDestructor;
+      this.DESTROY = ember.GlimmerUtil?.DESTROY;
+      this.registerDestructor = ember.EmberDestroyable?.registerDestructor;
       this.debugRenderTree = owner.lookup('renderer:-dom')?.debugRenderTree || owner.lookup('service:-glimmer-environment')._debugRenderTree;
       this.NewElementBuilder = this.runtime.NewElementBuilder || this.runtime.NewTreeBuilder;
       this.patch();
@@ -2816,7 +2815,10 @@ define('ember-debug/main', ['ember-debug/base-object', 'ember-debug/basic2', 'em
           this.inElementSupport?.nodeMap.set(node, node.id);
           this.inElementSupport?.remoteRoots.push(node);
         }
-        if (this.inElementSupport?.Wormhole && node.instance instanceof this.inElementSupport.Wormhole.default) {
+
+        // EmberWormhole component from ember-wormhole was used to provide
+        // rendering into a given DOM element prior to built-in in-element.
+        if (node.template === 'ember-wormhole/templates/components/ember-wormhole.hbs') {
           this.inElementSupport?.remoteRoots.push(node);
           const bounds = node.bounds;
           Object.defineProperty(node, 'bounds', {
@@ -2841,8 +2843,9 @@ define('ember-debug/main', ['ember-debug/base-object', 'ember-debug/basic2', 'em
             node.args.named[attr.nodeName] = attr.nodeValue;
           });
           // move modifiers and components into the element children
+
           parentNode.children.forEach(child => {
-            if (child.bounds.parentElement === node.instance || child.meta?.parentElement === node.instance || child.type === 'modifier' && child.bounds.firstNode === node.instance) {
+            if (node.instance.contains(child.bounds.parentElement) || node.instance.contains(child.meta?.parentElement) || child.type === 'modifier' && child.bounds.firstNode === node.instance) {
               node.children.push(child);
             }
           });
@@ -3346,7 +3349,11 @@ define('ember-debug/main', ['ember-debug/base-object', 'ember-debug/basic2', 'em
     onMouseMove(event) {
       event.preventDefault();
       event.stopPropagation();
-      this.inspectNearest(event.target, false);
+      let target = event.target;
+      if (target.shadowRoot) {
+        target = target.shadowRoot.elementFromPoint(event.x, event.y) || target;
+      }
+      this.inspectNearest(target, false);
     }
     onKeyDown(event) {
       if (event.key === 'Escape' || event.key === 'Esc') {
@@ -3369,7 +3376,11 @@ define('ember-debug/main', ['ember-debug/base-object', 'ember-debug/basic2', 'em
       } else if (this.isInspecting && event.button === 0) {
         event.preventDefault();
         event.stopPropagation();
-        this.inspectNearest(event.target, true);
+        let target = event.target;
+        if (target.shadowRoot) {
+          target = target.shadowRoot.elementFromPoint(event.x, event.y) || target;
+        }
+        this.inspectNearest(target, true);
         this.stop(false);
       }
     }
@@ -3726,6 +3737,9 @@ define('ember-debug/main', ['ember-debug/base-object', 'ember-debug/basic2', 'em
     onRightClick(event) {
       if (event.button === 2) {
         this.lastRightClicked = event.target;
+        if (event.target.shadowRoot) {
+          this.lastRightClicked = event.target.shadowRoot.elementFromPoint(event.x, event.y) || event.target;
+        }
       }
     }
     onResize() {
@@ -9854,7 +9868,7 @@ define('ember-debug/type-check', ['exports', 'ember-debug/ember'], (function (ex
       const {
         descriptorForDecorator,
         descriptorForProperty
-      } = ember.emberSafeRequire('@ember/-internals/metal') || {};
+      } = ember.InternalsMetal || {};
       return descriptorForDecorator?.(object[key]) || descriptorForProperty?.(object, key);
     }
     return object[key];

package/dist/websocket/index.html

@@ -8,7 +8,7 @@
     <meta name="description" content="">
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
-    <meta name="ember-inspector/config/environment" content="%7B%22modulePrefix%22%3A%22ember-inspector%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%22%2C%22locationType%22%3A%22hash%22%2C%22version%22%3A%224.13.1-alpha.2025.6.19%2B42198be%22%2C%22emberVersionsSupported%22%3A%5B%223.16.0%22%2C%22%22%5D%2C%22previousEmberVersionsSupported%22%3A%5B%220.0.0%22%2C%222.7.0%22%2C%223.4.0%22%5D%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_NO_IMPLICIT_ROUTE_MODEL%22%3Atrue%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22ember-inspector%22%2C%22version%22%3A%224.13.1-alpha.2025.6.19%2B42198be%2B42198bed%22%7D%7D" />
+    <meta name="ember-inspector/config/environment" content="%7B%22modulePrefix%22%3A%22ember-inspector%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%22%2C%22locationType%22%3A%22hash%22%2C%22version%22%3A%224.13.1-alpha.2025.6.21%2B8188179%22%2C%22emberVersionsSupported%22%3A%5B%223.16.0%22%2C%22%22%5D%2C%22previousEmberVersionsSupported%22%3A%5B%220.0.0%22%2C%222.7.0%22%2C%223.4.0%22%5D%2C%22EmberENV%22%3A%7B%22EXTEND_PROTOTYPES%22%3Afalse%2C%22FEATURES%22%3A%7B%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_NO_IMPLICIT_ROUTE_MODEL%22%3Atrue%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22ember-inspector%22%2C%22version%22%3A%224.13.1-alpha.2025.6.21%2B8188179%2B81881796%22%7D%7D" />
 
     <style type="text/css">
       @font-face {
@@ -38,7 +38,7 @@
 
     <script src="assets/vendor.js"></script>
 <script src="assets/chunk.443.86a005e528b587663b78.js"></script>
-<script src="assets/chunk.524.7b97a9e9caaec2bf8dd7.js"></script>
+<script src="assets/chunk.524.ef839d668b8055a7b20a.js"></script>
     <script src="assets/ember-inspector.js"></script>
 
     

package/ember_debug/libs/render-tree.js

@@ -1,36 +1,31 @@
 import captureRenderTree from './capture-render-tree';
 import { guidFor } from 'ember-debug/utils/ember/object/internals';
-import { emberSafeRequire } from 'ember-debug/utils/ember';
 import { inspect } from 'ember-debug/utils/type-check';
 import { isInVersionSpecifier } from 'ember-debug/utils/version';
-import { VERSION } from 'ember-debug/utils/ember';
+import {
+  VERSION,
+  EmberDestroyable,
+  GlimmerManager,
+  GlimmerReference,
+  GlimmerRuntime,
+  GlimmerUtil,
+} from 'ember-debug/utils/ember';
 
 class InElementSupportProvider {
   constructor(owner) {
     this.nodeMap = new Map();
     this.remoteRoots = [];
-    this.runtime = emberSafeRequire('@glimmer/runtime');
-    this.reference = emberSafeRequire('@glimmer/reference');
-    try {
-      this.Wormhole = requireModule('ember-wormhole/components/ember-wormhole');
-    } catch {
-      // nope
-    }
+    this.runtime = GlimmerRuntime;
+    this.reference = GlimmerReference;
 
-    try {
-      requireModule(
-        '@glimmer/manager',
-      ).CustomModifierManager.prototype.getDebugInstance = (args) =>
-        args.modifier || args.delegate;
-    } catch {
-      // nope
+    if (GlimmerManager) {
+      GlimmerManager.CustomModifierManager.prototype.getDebugInstance = (
+        args,
+      ) => args.modifier || args.delegate;
     }
 
-    this.DESTROY = emberSafeRequire('@glimmer/util')?.DESTROY;
-    this.registerDestructor =
-      emberSafeRequire('@glimmer/destroyable')?.registerDestructor ||
-      emberSafeRequire('@ember/destroyable')?.registerDestructor ||
-      emberSafeRequire('@ember/runtime')?.registerDestructor;
+    this.DESTROY = GlimmerUtil?.DESTROY;
+    this.registerDestructor = EmberDestroyable?.registerDestructor;
 
     this.debugRenderTree =
       owner.lookup('renderer:-dom')?.debugRenderTree ||
@@ -607,9 +602,11 @@ export default class RenderTree {
         this.inElementSupport?.remoteRoots.push(node);
       }
 
+      // EmberWormhole component from ember-wormhole was used to provide
+      // rendering into a given DOM element prior to built-in in-element.
       if (
-        this.inElementSupport?.Wormhole &&
-        node.instance instanceof this.inElementSupport.Wormhole.default
+        node.template ===
+        'ember-wormhole/templates/components/ember-wormhole.hbs'
       ) {
         this.inElementSupport?.remoteRoots.push(node);
         const bounds = node.bounds;
@@ -637,10 +634,11 @@ export default class RenderTree {
           node.args.named[attr.nodeName] = attr.nodeValue;
         });
         // move modifiers and components into the element children
+
         parentNode.children.forEach((child) => {
           if (
-            child.bounds.parentElement === node.instance ||
-            child.meta?.parentElement === node.instance ||
+            node.instance.contains(child.bounds.parentElement) ||
+            node.instance.contains(child.meta?.parentElement) ||
             (child.type === 'modifier' &&
               child.bounds.firstNode === node.instance)
           ) {

package/ember_debug/libs/view-inspection.js

@@ -317,7 +317,11 @@ export default class ViewInspection {
   onMouseMove(event) {
     event.preventDefault();
     event.stopPropagation();
-    this.inspectNearest(event.target, false);
+    let target = event.target;
+    if (target.shadowRoot) {
+      target = target.shadowRoot.elementFromPoint(event.x, event.y) || target;
+    }
+    this.inspectNearest(target, false);
   }
 
   onKeyDown(event) {
@@ -342,7 +346,11 @@ export default class ViewInspection {
     } else if (this.isInspecting && event.button === 0) {
       event.preventDefault();
       event.stopPropagation();
-      this.inspectNearest(event.target, true);
+      let target = event.target;
+      if (target.shadowRoot) {
+        target = target.shadowRoot.elementFromPoint(event.x, event.y) || target;
+      }
+      this.inspectNearest(target, true);
       this.stop(false);
     }
   }

package/ember_debug/object-inspector.js

@@ -16,28 +16,24 @@ import {
   ObjectProxy,
   ArrayProxy,
   Service,
+  InternalsMetal,
   Component,
-  emberSafeRequire,
+  GlimmerComponent,
+  GlimmerReference,
+  GlimmerValidator,
 } from 'ember-debug/utils/ember';
 import { cacheFor, guidFor } from 'ember-debug/utils/ember/object/internals';
 import { _backburner, join } from 'ember-debug/utils/ember/runloop';
 import emberNames from './utils/ember-object-names';
 import getObjectName from './utils/get-object-name';
 
-const GlimmerComponent = (() => {
-  try {
-    return emberSafeRequire('@glimmer/component').default;
-  } catch {
-    // ignore, return undefined
-  }
-})();
-
 let tagValue, tagValidate, track, tagForProperty;
 
-try {
-  // Try to load the most recent library
-  let GlimmerValidator = emberSafeRequire('@glimmer/validator');
+const GlimmerDebugComponent = (() => GlimmerComponent?.default)();
 
+// Try to use the most recent library (GlimmerValidator), else
+// fallback on the previous implementation (GlimmerReference).
+if (GlimmerValidator) {
   tagValue = GlimmerValidator.value || GlimmerValidator.valueForTag;
   tagValidate = GlimmerValidator.validate || GlimmerValidator.validateTag;
   track = GlimmerValidator.track;
@@ -70,26 +66,15 @@ try {
     }
     return r;
   };
-} catch {
-  try {
-    // Fallback to the previous implementation
-    let GlimmerReference = emberSafeRequire('@glimmer/reference');
-
-    tagValue = GlimmerReference.value;
-    tagValidate = GlimmerReference.validate;
-  } catch {
-    // ignore
-  }
+} else if (GlimmerReference) {
+  tagValue = GlimmerReference.value;
+  tagValidate = GlimmerReference.validate;
 }
 
-try {
-  let metal = emberSafeRequire('@ember/-internals/metal');
-
-  tagForProperty = metal.tagForProperty;
+if (InternalsMetal) {
+  tagForProperty = InternalsMetal.tagForProperty;
   // If track was not already loaded, use metal's version (the previous version)
-  track = track || metal.track;
-} catch {
-  // ignore
+  track = track || InternalsMetal.track;
 }
 
 const HAS_GLIMMER_TRACKING = tagValue && tagValidate && track && tagForProperty;
@@ -1285,7 +1270,7 @@ function getDebugInfo(object) {
       'element',
       'targetObject',
     );
-  } else if (GlimmerComponent && object instanceof GlimmerComponent) {
+  } else if (GlimmerDebugComponent && object instanceof GlimmerDebugComponent) {
     // These properties don't really exist on Glimmer Components, but
     // reading their values trigger a development mode assertion. The
     // more correct long term fix is to make getters lazy (shows "..."

package/ember_debug/utils/ember-object-names.js

@@ -1,5 +1,4 @@
 import { compareVersion } from 'ember-debug/utils/version';
-import { emberSafeRequire } from 'ember-debug/utils/ember';
 import {
   VERSION,
   ActionHandler,
@@ -10,6 +9,8 @@ import {
   MutableArray,
   Component,
   Evented,
+  InternalsRuntime,
+  InternalsViews,
   PromiseProxyMixin,
   EmberObject,
   Observable,
@@ -33,14 +34,12 @@ const emberNames = new Map([
 ]);
 
 if (compareVersion(VERSION, '3.27.0') === -1) {
-  const TargetActionSupport = emberSafeRequire(
-    '@ember/-internals/runtime',
-  )?.TargetActionSupport;
+  const TargetActionSupport = InternalsRuntime?.TargetActionSupport;
   emberNames.set(TargetActionSupport, 'TargetActionSupport Mixin');
 }
 
 try {
-  const Views = emberSafeRequire('@ember/-internals/views') || {};
+  const Views = InternalsViews || {};
   emberNames.set(Views.ViewStateSupport, 'ViewStateSupport Mixin');
   emberNames.set(Views.ViewMixin, 'View Mixin');
   emberNames.set(Views.ActionSupport, 'ActionSupport Mixin');

package/ember_debug/utils/ember.js

@@ -56,11 +56,21 @@ let captureRenderTree = Ember._captureRenderTree;
 let getEnv = () => Ember.ENV;
 
 let Debug = emberSafeRequire('@ember/debug');
+let InternalsMetal = emberSafeRequire('@ember/-internals/metal');
+let InternalsRuntime = emberSafeRequire('@ember/-internals/runtime');
 let InternalsUtils = emberSafeRequire('@ember/-internals/utils');
+let InternalsViews = emberSafeRequire('@ember/-internals/views');
+let EmberDestroyable = emberSafeRequire('@ember/destroyable');
 let ObjectInternals = emberSafeRequire('@ember/object/internals');
 let Instrumentation = emberSafeRequire('@ember/instrumentation');
 let Runloop = emberSafeRequire('@ember/runloop');
 let RSVP = emberSafeRequire('rsvp');
+let GlimmerComponent = emberSafeRequire('@glimmer/component');
+let GlimmerManager = emberSafeRequire('@glimmer/manager');
+let GlimmerReference = emberSafeRequire('@glimmer/reference');
+let GlimmerRuntime = emberSafeRequire('@glimmer/runtime');
+let GlimmerUtil = emberSafeRequire('@glimmer/util');
+let GlimmerValidator = emberSafeRequire('@glimmer/validator');
 
 if (!Ember) {
   captureRenderTree = emberSafeRequire('@ember/debug')?.captureRenderTree;
@@ -94,7 +104,10 @@ if (!Ember) {
 export {
   Runloop,
   Debug,
+  InternalsMetal,
+  InternalsRuntime,
   InternalsUtils,
+  InternalsViews,
   ObjectInternals,
   Instrumentation,
   RSVP,
@@ -113,6 +126,7 @@ export {
   Evented,
   Service,
   PromiseProxyMixin,
+  EmberDestroyable,
   EmberObject,
   VERSION,
   ComputedProperty,
@@ -122,6 +136,12 @@ export {
   set,
   captureRenderTree,
   getEnv,
+  GlimmerComponent,
+  GlimmerManager,
+  GlimmerReference,
+  GlimmerRuntime,
+  GlimmerUtil,
+  GlimmerValidator,
 };
 
 export default Ember;

package/ember_debug/utils/type-check.js

@@ -3,7 +3,7 @@ import {
   ComputedProperty,
   EmberObject,
   meta as emberMeta,
-  emberSafeRequire,
+  InternalsMetal,
 } from 'ember-debug/utils/ember';
 
 /**
@@ -41,7 +41,7 @@ export function getDescriptorFor(object, key) {
   // exists longer than ember 3.10
   if (Debug.isComputed) {
     const { descriptorForDecorator, descriptorForProperty } =
-      emberSafeRequire('@ember/-internals/metal') || {};
+      InternalsMetal || {};
     return (
       descriptorForDecorator?.(object[key]) ||
       descriptorForProperty?.(object, key)

package/ember_debug/view-debug.js

@@ -103,6 +103,11 @@ export default class extends DebugPort {
   onRightClick(event) {
     if (event.button === 2) {
       this.lastRightClicked = event.target;
+      if (event.target.shadowRoot) {
+        this.lastRightClicked =
+          event.target.shadowRoot.elementFromPoint(event.x, event.y) ||
+          event.target;
+      }
     }
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ember-inspector",
-  "version": "4.13.1-alpha.2025.6.19+42198be",
+  "version": "4.13.1-alpha.2025.6.21+8188179",
   "description": "Extends developer tools to allow you to better inspect your Ember.js apps.",
   "repository": "https://github.com/emberjs/ember-inspector",
   "license": "MIT",
@@ -173,8 +173,9 @@
     }
   },
   "scripts": {
-    "build": "ember build",
-    "build:production": "EMBER_ENV=production node scripts/download-panes.js && ember build --environment production && gulp compress:chrome && gulp compress:firefox && gulp clean-tmp",
+    "build": "pnpm build:ember-debug && ember build",
+    "build:ember-debug": "pnpm --filter ember-debug build",
+    "build:production": "pnpm build:ember-debug && EMBER_ENV=production node scripts/download-panes.js && ember build --environment production && gulp compress:chrome && gulp compress:firefox && gulp clean-tmp",
     "changelog": "github_changelog_generator -u emberjs -p ember-inspector --since-tag v3.8.0",
     "compress:panes": "gulp compress:chrome-pane && gulp compress:firefox-pane && gulp compress:bookmarklet-pane",
     "lint": "concurrently \"pnpm:lint:*(!fix)\" --names \"lint:\" --prefixColors auto",
@@ -190,7 +191,12 @@
     "serve:bookmarklet": "ember serve --port 9191",
     "start": "ember serve",
     "test": "concurrently \"pnpm:lint\" \"pnpm:test:*\" --names \"lint,test:\" --prefixColors auto",
-    "test:ember": "COVERAGE=true ember test",
-    "watch": "ember build --watch"
+    "test:ember": "pnpm build:ember-debug && COVERAGE=true ember test",
+    "watch-test": "pnpm '/test-watch:/'",
+    "watch-test:ember-debug": "pnpm --filter ember-debug watch",
+    "watch-test:inspector-ui": "ember test --serv",
+    "watch": "pnpm '/watch:/'",
+    "watch:inspector-ui": "ember build --watch",
+    "watch:ember-debug": "pnpm --filter ember-debug watch"
   }
 }

package/skeletons/web-extension/manifest.json

@@ -2,7 +2,7 @@
   "manifest_version": 3,
   "name": "Ember Inspector (Nightly)",
   "description": "Tool for debugging Ember applications.",
-  "version": "2025.6.19",
+  "version": "2025.6.21",
   "icons": {
     "16": "{{PANE_ROOT}}/assets/images/icon16.png",
     "38": "{{PANE_ROOT}}/assets/images/icon38.png",
@@ -74,5 +74,5 @@
       ]
     }
   ],
-  "version_name": "4.13.1 (nightly build 2025.6.19 / 42198be)"
+  "version_name": "4.13.1 (nightly build 2025.6.21 / 8188179)"
 }