kitchen-simulator 5.10.14-react.18 → 6.0.2-react.18

package/es/index.js

@@ -1,4 +1,3 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
@@ -7,18 +6,17 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+// kitchen-simulator/index.js (or wherever renderKitchenSimulator lives)
 import React from 'react';
-import * as Three from 'three';
-import LiteRenderer from "./LiteRenderer";
 import { createRoot } from 'react-dom/client';
+import LiteRenderer from "./LiteRenderer";
+import * as Three from 'three';
 var ROOT_KEY = '__kitchenSimulatorRoot__';
 var API_KEY = '__kitchenSimulatorApi__';
 function makeLogger(getEnabled) {
@@ -71,7 +69,7 @@ function makeLogger(getEnabled) {
   };
 }
 
-// DIY-714 [Temp Fix] Rewrite API URLs
+// ---- Your URL rewrite + TextureLoader patch stays as you had it ----
 var API_HOST_REGEX = /(https?:\/\/)?(api\.diydesignspace\.com|api\.addovisuals\.com|127\.0\.0\.1:4002)/;
 var API_HOST_REPLACEMENT = 'https://api-old.diydesignspace.com';
 function rewriteApiUrl(url) {
@@ -83,441 +81,22 @@ Three.TextureLoader.prototype.load = function (url, onLoad, onProgress, onError)
   return originalTextureLoad.call(this, newUrl, onLoad, onProgress, onError);
 };
 
-/**
- * Track 3D asset network activity (gltf/glb/bin/textures/hdr/etc)
- * Ref-counted global install so multiple instances don't clobber each other.
- */
-function installGltfTracker() {
-  var debug = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-  if (typeof window === 'undefined') {
-    var _subscribe = function _subscribe() {
-      return function () {};
-    };
-    return {
-      getInFlight: function getInFlight() {
-        return 0;
-      },
-      waitForIdle: function () {
-        var _waitForIdle = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-          return _regeneratorRuntime.wrap(function (_context) {
-            while (1) switch (_context.prev = _context.next) {
-              case 0:
-                return _context.abrupt("return", true);
-              case 1:
-              case "end":
-                return _context.stop();
-            }
-          }, _callee);
-        }));
-        function waitForIdle() {
-          return _waitForIdle.apply(this, arguments);
-        }
-        return waitForIdle;
-      }(),
-      uninstall: function uninstall() {},
-      subscribe: _subscribe
-    };
-  }
-  var GLOBAL_KEY = '__kitchenSimulatorGltfTracker__';
-  var TRACKER_DEBUG_KEY = '__kitchenSimulatorDebug__';
-  if (!window[GLOBAL_KEY]) {
-    window[GLOBAL_KEY] = {
-      refCount: 0,
-      inFlight: 0,
-      listeners: new Set(),
-      installed: false,
-      originalFetch: null,
-      originalOpen: null,
-      originalSend: null
-    };
-  }
-  var g = window[GLOBAL_KEY];
-  var isDebug = function isDebug() {
-    return !!debug || !!window[TRACKER_DEBUG_KEY];
-  };
-  var _makeLogger = makeLogger(isDebug, '[kitchen-simulator:gltf]'),
-    log = _makeLogger.log,
-    warn = _makeLogger.warn,
-    error = _makeLogger.error;
-  var is3dAssetUrl = function is3dAssetUrl(url) {
-    try {
-      var _url$toString, _url$toString2;
-      var s = typeof url === 'string' ? url : (_url$toString = url === null || url === void 0 || (_url$toString2 = url.toString) === null || _url$toString2 === void 0 ? void 0 : _url$toString2.call(url)) !== null && _url$toString !== void 0 ? _url$toString : '';
-      var u = s.toLowerCase().split('?')[0];
-      return u.endsWith('.gltf') || u.endsWith('.glb') || u.endsWith('.bin') || u.endsWith('.ktx2') || u.endsWith('.hdr') || u.endsWith('.exr') || u.endsWith('.png') || u.endsWith('.jpg') || u.endsWith('.jpeg') || u.endsWith('.webp');
-    } catch (_unused2) {
-      return false;
-    }
-  };
-  var notify = function notify() {
-    var _iterator = _createForOfIteratorHelper(g.listeners),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var fn = _step.value;
-        fn(g.inFlight);
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-  };
-  var subscribe = function subscribe(fn) {
-    g.listeners.add(fn);
-    fn(g.inFlight);
-    return function () {
-      return g.listeners["delete"](fn);
-    };
-  };
-  var installIfNeeded = function installIfNeeded() {
-    var _XHR$prototype, _XHR$prototype2;
-    if (g.installed) return;
-    log('Installing GLTF tracker hooks');
+// ---- keep your installGltfTracker exactly as you have it ----
+// import / paste your installGltfTracker(debug) here
+// (omitted in this snippet for brevity)
 
-    // XHR hook
-    var XHR = window.XMLHttpRequest;
-    if (XHR !== null && XHR !== void 0 && (_XHR$prototype = XHR.prototype) !== null && _XHR$prototype !== void 0 && _XHR$prototype.open && XHR !== null && XHR !== void 0 && (_XHR$prototype2 = XHR.prototype) !== null && _XHR$prototype2 !== void 0 && _XHR$prototype2.send) {
-      g.originalOpen = XHR.prototype.open;
-      g.originalSend = XHR.prototype.send;
-      XHR.prototype.open = function (method, url) {
-        var _g$originalOpen;
-        this.__is3dAssetRequest = is3dAssetUrl(url);
-        if (this.__is3dAssetRequest) log('XHR open (3D asset)', {
-          method: method,
-          url: url
-        });
-        for (var _len4 = arguments.length, rest = new Array(_len4 > 2 ? _len4 - 2 : 0), _key4 = 2; _key4 < _len4; _key4++) {
-          rest[_key4 - 2] = arguments[_key4];
-        }
-        return (_g$originalOpen = g.originalOpen).call.apply(_g$originalOpen, [this, method, url].concat(rest));
-      };
-      XHR.prototype.send = function () {
-        var _this = this;
-        if (this.__is3dAssetRequest) {
-          g.inFlight += 1;
-          log('XHR send -> inFlight++', g.inFlight);
-          notify();
-          var _done = function done() {
-            g.inFlight -= 1;
-            if (g.inFlight < 0) g.inFlight = 0;
-            log('XHR done -> inFlight--', g.inFlight);
-            notify();
-            _this.removeEventListener('loadend', _done);
-            _this.removeEventListener('error', _done);
-            _this.removeEventListener('abort', _done);
-            _this.removeEventListener('timeout', _done);
-          };
-          this.addEventListener('loadend', _done);
-          this.addEventListener('error', _done);
-          this.addEventListener('abort', _done);
-          this.addEventListener('timeout', _done);
-        }
-        for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
-          args[_key5] = arguments[_key5];
-        }
-        return g.originalSend.apply(this, args);
-      };
-    } else {
-      warn('XHR hooks not installed (missing open/send)');
-    }
-
-    // fetch hook
-    g.originalFetch = window.fetch;
-    if (typeof g.originalFetch === 'function') {
-      window.fetch = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-        var _input;
-        var _len6,
-          args,
-          _key6,
-          input,
-          init,
-          newUrl,
-          track,
-          _input2,
-          res,
-          _input3,
-          _e$message,
-          _args2 = arguments,
-          _t;
-        return _regeneratorRuntime.wrap(function (_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              for (_len6 = _args2.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
-                args[_key6] = _args2[_key6];
-              }
-              input = args[0], init = args[1];
-              if (typeof input === 'string') {
-                input = rewriteApiUrl(input);
-              } else if (input instanceof Request) {
-                newUrl = rewriteApiUrl(input.url);
-                input = new Request(newUrl, input);
-              }
-              track = is3dAssetUrl(input);
-              if (track) {
-                _context2.next = 1;
-                break;
-              }
-              return _context2.abrupt("return", g.originalFetch.call(this, input, init));
-            case 1:
-              g.inFlight += 1;
-              log('fetch (3D asset) -> inFlight++', g.inFlight, {
-                url: typeof input === 'string' ? input : (_input = input) === null || _input === void 0 ? void 0 : _input.url
-              });
-              notify();
-              _context2.prev = 2;
-              _context2.next = 3;
-              return g.originalFetch.call(this, input, init);
-            case 3:
-              res = _context2.sent;
-              log('fetch response (3D asset)', {
-                url: typeof input === 'string' ? input : (_input2 = input) === null || _input2 === void 0 ? void 0 : _input2.url,
-                ok: res === null || res === void 0 ? void 0 : res.ok,
-                status: res === null || res === void 0 ? void 0 : res.status
-              });
-              return _context2.abrupt("return", res);
-            case 4:
-              _context2.prev = 4;
-              _t = _context2["catch"](2);
-              error('fetch error (3D asset)', {
-                url: typeof input === 'string' ? input : (_input3 = input) === null || _input3 === void 0 ? void 0 : _input3.url,
-                error: (_e$message = _t === null || _t === void 0 ? void 0 : _t.message) !== null && _e$message !== void 0 ? _e$message : _t
-              });
-              throw _t;
-            case 5:
-              _context2.prev = 5;
-              g.inFlight -= 1;
-              if (g.inFlight < 0) g.inFlight = 0;
-              log('fetch finally -> inFlight--', g.inFlight);
-              notify();
-              return _context2.finish(5);
-            case 6:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2, this, [[2, 4, 5, 6]]);
-      }));
-    } else {
-      warn('fetch hook not installed (window.fetch not a function)');
-    }
-    g.installed = true;
-  };
-  function nextFrame() {
-    return _nextFrame.apply(this, arguments);
-  }
-  function _nextFrame() {
-    _nextFrame = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
-      return _regeneratorRuntime.wrap(function (_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
-          case 0:
-            return _context5.abrupt("return", new Promise(function (resolve) {
-              return requestAnimationFrame(resolve);
-            }));
-          case 1:
-          case "end":
-            return _context5.stop();
-        }
-      }, _callee5);
-    }));
-    return _nextFrame.apply(this, arguments);
-  }
-  function waitStableIdle2Frames() {
-    return _waitStableIdle2Frames.apply(this, arguments);
-  }
-  function _waitStableIdle2Frames() {
-    _waitStableIdle2Frames = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
-      return _regeneratorRuntime.wrap(function (_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
-          case 0:
-            _context6.next = 1;
-            return nextFrame();
-          case 1:
-            if (!(g.inFlight !== 0)) {
-              _context6.next = 2;
-              break;
-            }
-            return _context6.abrupt("return", false);
-          case 2:
-            _context6.next = 3;
-            return nextFrame();
-          case 3:
-            return _context6.abrupt("return", g.inFlight === 0);
-          case 4:
-          case "end":
-            return _context6.stop();
-        }
-      }, _callee6);
-    }));
-    return _waitStableIdle2Frames.apply(this, arguments);
-  }
-  var waitForIdle = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
-      var _ref3,
-        _ref3$timeoutMs,
-        timeoutMs,
-        _args4 = arguments;
-      return _regeneratorRuntime.wrap(function (_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
-          case 0:
-            _ref3 = _args4.length > 0 && _args4[0] !== undefined ? _args4[0] : {}, _ref3$timeoutMs = _ref3.timeoutMs, timeoutMs = _ref3$timeoutMs === void 0 ? 30000 : _ref3$timeoutMs;
-            log('waitForIdle start', {
-              timeoutMs: timeoutMs,
-              inFlight: g.inFlight
-            });
-            _context4.next = 1;
-            return waitStableIdle2Frames();
-          case 1:
-            if (!_context4.sent) {
-              _context4.next = 2;
-              break;
-            }
-            log('waitForIdle fast-path resolved');
-            return _context4.abrupt("return", true);
-          case 2:
-            return _context4.abrupt("return", new Promise(function (resolve, reject) {
-              var unsub = null;
-              var finished = false;
-              var finishOk = function finishOk() {
-                if (finished) return;
-                finished = true;
-                if (unsub) unsub();
-                clearTimeout(timer);
-                log('waitForIdle resolved');
-                resolve(true);
-              };
-              var finishErr = function finishErr(err) {
-                var _err$message;
-                if (finished) return;
-                finished = true;
-                if (unsub) unsub();
-                clearTimeout(timer);
-                error('waitForIdle timeout/reject', (_err$message = err === null || err === void 0 ? void 0 : err.message) !== null && _err$message !== void 0 ? _err$message : err);
-                reject(err);
-              };
-              var timer = setTimeout(function () {
-                finishErr(new Error('3D assets did not become idle within timeout'));
-              }, timeoutMs);
-              var onChange = /*#__PURE__*/function () {
-                var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(count) {
-                  var stable;
-                  return _regeneratorRuntime.wrap(function (_context3) {
-                    while (1) switch (_context3.prev = _context3.next) {
-                      case 0:
-                        if (!finished) {
-                          _context3.next = 1;
-                          break;
-                        }
-                        return _context3.abrupt("return");
-                      case 1:
-                        log('waitForIdle inFlight change', count);
-                        if (!(count !== 0)) {
-                          _context3.next = 2;
-                          break;
-                        }
-                        return _context3.abrupt("return");
-                      case 2:
-                        _context3.next = 3;
-                        return waitStableIdle2Frames();
-                      case 3:
-                        stable = _context3.sent;
-                        log('waitForIdle stable check', stable);
-                        if (stable) finishOk();
-                      case 4:
-                      case "end":
-                        return _context3.stop();
-                    }
-                  }, _callee3);
-                }));
-                return function onChange(_x) {
-                  return _ref4.apply(this, arguments);
-                };
-              }();
-              unsub = subscribe(onChange);
-            }));
-          case 3:
-          case "end":
-            return _context4.stop();
-        }
-      }, _callee4);
-    }));
-    return function waitForIdle() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var uninstall = function uninstall() {
-    var _XHR$prototype3, _XHR$prototype4;
-    g.refCount -= 1;
-    log('uninstall tracker refCount--', g.refCount);
-    if (g.refCount > 0) return;
-    log('uninstall tracker (final) restoring hooks');
-    var XHR = window.XMLHttpRequest;
-    if (XHR !== null && XHR !== void 0 && (_XHR$prototype3 = XHR.prototype) !== null && _XHR$prototype3 !== void 0 && _XHR$prototype3.open && g.originalOpen) XHR.prototype.open = g.originalOpen;
-    if (XHR !== null && XHR !== void 0 && (_XHR$prototype4 = XHR.prototype) !== null && _XHR$prototype4 !== void 0 && _XHR$prototype4.send && g.originalSend) XHR.prototype.send = g.originalSend;
-    if (typeof g.originalFetch === 'function') window.fetch = g.originalFetch;
-    g.listeners.clear();
-    g.inFlight = 0;
-    g.installed = false;
-    g.originalFetch = null;
-    g.originalOpen = null;
-    g.originalSend = null;
-  };
-  g.refCount += 1;
-  log('install tracker refCount++', g.refCount);
-  installIfNeeded();
-  return {
-    getInFlight: function getInFlight() {
-      return g.inFlight;
-    },
-    waitForIdle: waitForIdle,
-    uninstall: uninstall,
-    subscribe: subscribe
-  };
-}
 export function renderKitchenSimulator(container) {
   var _props$framesPerEvent, _props$waitForGltfIdl, _props$gltfTimeoutMs;
   var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   if (!container) throw new Error('renderKitchenSimulator: container is required');
   var DEBUG_KEY = '__kitchenSimulatorDebug__';
   var debugEnabled = !!props.debug || typeof window !== 'undefined' && !!window[DEBUG_KEY];
-  var _makeLogger2 = makeLogger(function () {
+  var _makeLogger = makeLogger(function () {
       return debugEnabled;
     }),
-    log = _makeLogger2.log,
-    warn = _makeLogger2.warn,
-    error = _makeLogger2.error;
-
-  // ---- Long-task observer (find main-thread blocks) ----
-  var longTaskObserver = null;
-  if (typeof window !== 'undefined' && 'PerformanceObserver' in window) {
-    try {
-      longTaskObserver = new PerformanceObserver(function (list) {
-        var _iterator2 = _createForOfIteratorHelper(list.getEntries()),
-          _step2;
-        try {
-          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-            var entry = _step2.value;
-            // entry.duration is the smoking gun when UI freezes
-            warn('Long task detected', {
-              name: entry.name,
-              duration: entry.duration,
-              startTime: entry.startTime
-            });
-          }
-        } catch (err) {
-          _iterator2.e(err);
-        } finally {
-          _iterator2.f();
-        }
-      });
-      // may throw in some browsers
-      longTaskObserver.observe({
-        entryTypes: ['longtask']
-      });
-      log('Long-task observer installed');
-    } catch (_unused3) {
-      // ignore
-    }
-  }
+    log = _makeLogger.log,
+    warn = _makeLogger.warn,
+    error = _makeLogger.error;
 
   // ✅ Reuse existing API
   if (container[API_KEY]) {
@@ -539,13 +118,15 @@ export function renderKitchenSimulator(container) {
   var queue = [];
   var pendingMarkers = new Set();
   var MARKER = Symbol('marker');
+
+  // ✅ keep your tracker
   var gltfTracker = installGltfTracker(debugEnabled);
   var defaultFramesPerEvent = (_props$framesPerEvent = props.framesPerEvent) !== null && _props$framesPerEvent !== void 0 ? _props$framesPerEvent : 1;
   var waitForAssets = (_props$waitForGltfIdl = props.waitForGltfIdleAfterEachEvent) !== null && _props$waitForGltfIdl !== void 0 ? _props$waitForGltfIdl : true;
   var defaultTimeout = (_props$gltfTimeoutMs = props.gltfTimeoutMs) !== null && _props$gltfTimeoutMs !== void 0 ? _props$gltfTimeoutMs : 30000;
   var draining = false;
 
-  // ---- Ready gate (super important for first event) ----
+  // ---- Ready gate: mounted & setExternalEventFn installed ----
   var readyResolve = null;
   var readyReject = null;
   var readyPromise = new Promise(function (res, rej) {
@@ -553,122 +134,59 @@ export function renderKitchenSimulator(container) {
     readyReject = rej;
   });
 
-  // ---- RAF diagnostic wrapper ----
-  function nextFrameDiag() {
-    var label = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'raf';
-    var warnAfterMs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 250;
-    if (typeof window === 'undefined') return Promise.resolve();
+  // ---- Catalog-ready gate (NEW) ----
+  var catalogReadyResolve = null;
+  var catalogReadyPromise = new Promise(function (res) {
+    catalogReadyResolve = res;
+  });
+  var catalogReady = false;
+  function nextFrame() {
     return new Promise(function (resolve) {
-      var done = false;
-      var start = performance.now();
-      var t = setTimeout(function () {
-        var _document, _document2;
-        if (done) return;
-
-        // If this fires, RAF is not arriving (hidden tab / throttling) or main thread blocked
-        warn('RAF not fired within threshold', {
-          label: label,
-          warnAfterMs: warnAfterMs,
-          elapsedMs: performance.now() - start,
-          visibilityState: (_document = document) === null || _document === void 0 ? void 0 : _document.visibilityState,
-          hidden: (_document2 = document) === null || _document2 === void 0 ? void 0 : _document2.hidden,
-          gltfInFlight: gltfTracker.getInFlight(),
-          queueLength: queue.length,
-          draining: draining,
-          destroyed: destroyed
-        });
-
-        // Optional fail-open so you don't hang forever:
-        // If you want STRICT behavior, comment the next 2 lines and only keep logging.
-        done = true;
-        resolve();
-      }, warnAfterMs);
-      requestAnimationFrame(function () {
-        if (done) return;
-        done = true;
-        clearTimeout(t);
-        resolve();
-      });
+      return requestAnimationFrame(resolve);
     });
   }
-  function isSyncScene(ev) {
-    var _ev$payload;
-    return (ev === null || ev === void 0 ? void 0 : ev.type) === 'EXTERNAL_EVENT_SYNC_SCENE' || (ev === null || ev === void 0 || (_ev$payload = ev.payload) === null || _ev$payload === void 0 ? void 0 : _ev$payload.mode) === 'sync-scene' || (ev === null || ev === void 0 ? void 0 : ev.__sync) === true;
-  }
-  function settle(_x2, _x3) {
+  function settle(_x) {
     return _settle.apply(this, arguments);
   }
   function _settle() {
-    _settle = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8(ev, meta) {
-      var _ev$framesPerEvent, _ev$waitForGltfIdleAf, _ev$gltfTimeoutMs, _document7, _document8;
-      var frames, shouldWait, timeoutMs, i, start;
-      return _regeneratorRuntime.wrap(function (_context8) {
-        while (1) switch (_context8.prev = _context8.next) {
+    _settle = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(ev) {
+      var _ev$framesPerEvent, _ev$waitForGltfIdleAf, _ev$gltfTimeoutMs;
+      var frames, shouldWait, timeoutMs, i;
+      return _regeneratorRuntime.wrap(function (_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
             frames = (_ev$framesPerEvent = ev === null || ev === void 0 ? void 0 : ev.framesPerEvent) !== null && _ev$framesPerEvent !== void 0 ? _ev$framesPerEvent : defaultFramesPerEvent;
             shouldWait = (_ev$waitForGltfIdleAf = ev === null || ev === void 0 ? void 0 : ev.waitForGltfIdleAfterEachEvent) !== null && _ev$waitForGltfIdleAf !== void 0 ? _ev$waitForGltfIdleAf : waitForAssets;
-            timeoutMs = (_ev$gltfTimeoutMs = ev === null || ev === void 0 ? void 0 : ev.gltfTimeoutMs) !== null && _ev$gltfTimeoutMs !== void 0 ? _ev$gltfTimeoutMs : defaultTimeout;
-            log('settle:start', _objectSpread(_objectSpread({}, meta), {}, {
-              frames: frames,
-              shouldWait: shouldWait,
-              timeoutMs: timeoutMs,
-              visibilityState: (_document7 = document) === null || _document7 === void 0 ? void 0 : _document7.visibilityState,
-              hidden: (_document8 = document) === null || _document8 === void 0 ? void 0 : _document8.hidden
-            }));
-
-            // (1) RAF frames (diagnostic)
+            timeoutMs = (_ev$gltfTimeoutMs = ev === null || ev === void 0 ? void 0 : ev.gltfTimeoutMs) !== null && _ev$gltfTimeoutMs !== void 0 ? _ev$gltfTimeoutMs : defaultTimeout; // RAF frames
             i = 0;
           case 1:
             if (!(i < frames)) {
-              _context8.next = 4;
+              _context3.next = 3;
               break;
             }
-            _context8.next = 2;
-            return nextFrameDiag("settle:frame ".concat(i + 1, "/").concat(frames), 500);
+            _context3.next = 2;
+            return nextFrame();
           case 2:
-            if (debugEnabled) log('settle:after frame', _objectSpread(_objectSpread({}, meta), {}, {
-              i: i + 1
-            }));
-          case 3:
-            i += 1;
-            _context8.next = 1;
+            i++;
+            _context3.next = 1;
             break;
-          case 4:
+          case 3:
             if (!shouldWait) {
-              _context8.next = 6;
+              _context3.next = 4;
               break;
             }
-            start = Date.now();
-            log('settle:waitForIdle start', _objectSpread(_objectSpread({}, meta), {}, {
-              timeoutMs: timeoutMs,
-              gltfInFlight: gltfTracker.getInFlight()
-            }));
-            _context8.next = 5;
+            _context3.next = 4;
             return gltfTracker.waitForIdle({
               timeoutMs: timeoutMs
             });
+          case 4:
+            _context3.next = 5;
+            return nextFrame();
           case 5:
-            log('settle:waitForIdle done', _objectSpread(_objectSpread({}, meta), {}, {
-              waitedMs: Date.now() - start,
-              gltfInFlight: gltfTracker.getInFlight()
-            }));
-          case 6:
-            _context8.next = 7;
-            return nextFrameDiag('settle:final commit frame', 500);
-          case 7:
-            if (!isSyncScene(ev)) {
-              _context8.next = 8;
-              break;
-            }
-            _context8.next = 8;
-            return nextFrameDiag('settle:sync-scene extra frame', 500);
-          case 8:
-            log('settle:done', meta);
-          case 9:
           case "end":
-            return _context8.stop();
+            return _context3.stop();
         }
-      }, _callee8);
+      }, _callee3);
     }));
     return _settle.apply(this, arguments);
   }
@@ -676,140 +194,96 @@ export function renderKitchenSimulator(container) {
     return _drain.apply(this, arguments);
   }
   function _drain() {
-    _drain = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
-      var watchdog, item, meta, _err$message2, _t2;
-      return _regeneratorRuntime.wrap(function (_context9) {
-        while (1) switch (_context9.prev = _context9.next) {
+    _drain = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+      var item, _err$message, _t;
+      return _regeneratorRuntime.wrap(function (_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
           case 0:
             if (!(draining || destroyed)) {
-              _context9.next = 1;
+              _context4.next = 1;
               break;
             }
-            if (debugEnabled) log('drain:skip', {
-              draining: draining,
-              destroyed: destroyed,
-              queueLength: queue.length
-            });
-            return _context9.abrupt("return");
+            return _context4.abrupt("return");
           case 1:
             draining = true;
-
-            // Watchdog: if we’re “stuck” in draining, dump state periodically
-            watchdog = setInterval(function () {
-              var _document9, _document0;
-              warn('drain watchdog', {
-                destroyed: destroyed,
-                draining: draining,
-                queueLength: queue.length,
-                pendingMarkers: pendingMarkers.size,
-                gltfInFlight: gltfTracker.getInFlight(),
-                visibilityState: (_document9 = document) === null || _document9 === void 0 ? void 0 : _document9.visibilityState,
-                hidden: (_document0 = document) === null || _document0 === void 0 ? void 0 : _document0.hidden
-              });
-            }, 4000);
-            _context9.prev = 2;
-            _context9.next = 3;
+            _context4.prev = 2;
+            _context4.next = 3;
             return readyPromise;
           case 3:
             if (!(!destroyed && queue.length)) {
-              _context9.next = 11;
+              _context4.next = 10;
               break;
             }
             if (setExternalEventFn) {
-              _context9.next = 5;
+              _context4.next = 5;
               break;
             }
-            warn('drain: no setExternalEventFn even after ready (unexpected)');
-            _context9.next = 4;
-            return nextFrameDiag('drain:waiting for setExternalEventFn', 500);
+            _context4.next = 4;
+            return nextFrame();
           case 4:
-            return _context9.abrupt("continue", 3);
+            return _context4.abrupt("continue", 3);
           case 5:
             item = queue.shift();
             if (!(item && item.__marker === MARKER)) {
-              _context9.next = 6;
+              _context4.next = 6;
               break;
             }
             pendingMarkers["delete"](item.token);
-            log('drain:marker consumed', {
-              pendingMarkers: pendingMarkers.size,
-              queueLength: queue.length
-            });
-            return _context9.abrupt("continue", 3);
+            return _context4.abrupt("continue", 3);
           case 6:
-            meta = {
-              eventType: item === null || item === void 0 ? void 0 : item.type,
-              queueLengthAfterShift: queue.length,
-              pendingMarkers: pendingMarkers.size,
-              gltfInFlight: gltfTracker.getInFlight()
-            };
-            log('drain:event begin', meta);
-            _context9.prev = 7;
+            _context4.prev = 6;
             setExternalEventFn(item);
-            log('drain:setExternalEventFn called', meta);
-            _context9.next = 8;
-            return settle(item, meta);
-          case 8:
-            log('drain:event done', meta);
-            _context9.next = 10;
+            _context4.next = 7;
+            return settle(item);
+          case 7:
+            _context4.next = 9;
             break;
+          case 8:
+            _context4.prev = 8;
+            _t = _context4["catch"](6);
+            error('drain:event failed', {
+              err: (_err$message = _t === null || _t === void 0 ? void 0 : _t.message) !== null && _err$message !== void 0 ? _err$message : _t,
+              type: item === null || item === void 0 ? void 0 : item.type
+            });
           case 9:
-            _context9.prev = 9;
-            _t2 = _context9["catch"](7);
-            error('drain:event failed', _objectSpread(_objectSpread({}, meta), {}, {
-              err: (_err$message2 = _t2 === null || _t2 === void 0 ? void 0 : _t2.message) !== null && _err$message2 !== void 0 ? _err$message2 : _t2
-            }));
-          case 10:
-            _context9.next = 3;
+            _context4.next = 3;
             break;
-          case 11:
-            _context9.prev = 11;
-            clearInterval(watchdog);
+          case 10:
+            _context4.prev = 10;
             draining = false;
-            log('drain:done', {
-              destroyed: destroyed,
-              queueLength: queue.length,
-              pendingMarkers: pendingMarkers.size,
-              gltfInFlight: gltfTracker.getInFlight()
-            });
-            return _context9.finish(11);
-          case 12:
+            return _context4.finish(10);
+          case 11:
           case "end":
-            return _context9.stop();
+            return _context4.stop();
         }
-      }, _callee9, null, [[2,, 11, 12], [7, 9]]);
+      }, _callee4, null, [[2,, 10, 11], [6, 8]]);
     }));
     return _drain.apply(this, arguments);
   }
   var Wrapper = /*#__PURE__*/function (_React$Component) {
     function Wrapper(p) {
-      var _this2;
+      var _this;
       _classCallCheck(this, Wrapper);
-      _this2 = _callSuper(this, Wrapper, [p]);
-      _this2.state = {
+      _this = _callSuper(this, Wrapper, [p]);
+      _this.state = {
         externalEvent: p.externalEvent || null
       };
-      _this2._mounted = false;
-      return _this2;
+      _this._mounted = false;
+      return _this;
     }
     _inherits(Wrapper, _React$Component);
     return _createClass(Wrapper, [{
       key: "componentDidMount",
       value: function componentDidMount() {
-        var _this3 = this;
+        var _this2 = this;
         this._mounted = true;
         log('Wrapper mounted -> ready');
         setExternalEventFn = function setExternalEventFn(newEvent) {
-          if (!_this3._mounted) return;
-          log('Wrapper setState(externalEvent)', {
-            type: newEvent === null || newEvent === void 0 ? void 0 : newEvent.type
-          });
-          _this3.setState({
+          if (!_this2._mounted) return;
+          _this2.setState({
             externalEvent: newEvent
           });
         };
-
-        // ✅ resolve readiness here (first time)
         if (readyResolve) {
           readyResolve(true);
           readyResolve = null;
@@ -818,11 +292,8 @@ export function renderKitchenSimulator(container) {
     }, {
       key: "componentWillUnmount",
       value: function componentWillUnmount() {
-        log('Wrapper will unmount');
         this._mounted = false;
         setExternalEventFn = null;
-
-        // If unmount happens before ready, reject so drain can stop cleanly
         if (readyReject) {
           readyReject(new Error('Wrapper unmounted before ready'));
           readyReject = null;
@@ -831,10 +302,37 @@ export function renderKitchenSimulator(container) {
     }, {
       key: "render",
       value: function render() {
-        if (debugEnabled) log('Wrapper render', {
-          hasExternalEvent: !!this.state.externalEvent
-        });
+        var userOnInternalEvent = this.props.onInternalEvent;
+
+        // ✅ Wrap internal event to detect catalog readiness
+        var onInternalEventWrapped = /*#__PURE__*/function () {
+          var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(evt, callback) {
+            return _regeneratorRuntime.wrap(function (_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  // IMPORTANT: first time we see INTERNAL_EVENT_ITEMS_CATALOG,
+                  // it means catalog init path ran and tool is requesting items.
+                  if (!catalogReady && (evt === null || evt === void 0 ? void 0 : evt.type) === 'INTERNAL_EVENT_ITEMS_CATALOG') {
+                    catalogReady = true;
+                    if (catalogReadyResolve) {
+                      catalogReadyResolve(true);
+                      catalogReadyResolve = null;
+                    }
+                    log('Catalog is ready (observed INTERNAL_EVENT_ITEMS_CATALOG)');
+                  }
+                  return _context.abrupt("return", userOnInternalEvent === null || userOnInternalEvent === void 0 ? void 0 : userOnInternalEvent(evt, callback));
+                case 1:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          return function onInternalEventWrapped(_x2, _x3) {
+            return _ref.apply(this, arguments);
+          };
+        }();
         return /*#__PURE__*/React.createElement(LiteRenderer, _extends({}, this.props, {
+          onInternalEvent: onInternalEventWrapped,
           externalEvent: this.state.externalEvent
         }));
       }
@@ -842,14 +340,16 @@ export function renderKitchenSimulator(container) {
   }(React.Component);
   var api = {
     __render: function __render(nextProps) {
-      log('__render called', {
-        debug: !!(nextProps !== null && nextProps !== void 0 && nextProps.debug)
-      });
       root.render(/*#__PURE__*/React.createElement(Wrapper, nextProps));
     },
+    // ✅ Host can await mount
     whenReady: function whenReady() {
       return readyPromise;
     },
+    // ✅ Host can await catalog init (NEW)
+    whenCatalogReady: function whenCatalogReady() {
+      return catalogReadyPromise;
+    },
     getGltfInFlight: function getGltfInFlight() {
       return gltfTracker.getInFlight();
     },
@@ -857,130 +357,86 @@ export function renderKitchenSimulator(container) {
       return gltfTracker.subscribe(cb);
     },
     sendExternalEvents: function sendExternalEvents(eventOrEvents) {
-      var _document3, _document4;
-      var _ref5 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-        _ref5$timeoutMs = _ref5.timeoutMs,
-        timeoutMs = _ref5$timeoutMs === void 0 ? 60000 : _ref5$timeoutMs;
+      var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+        _ref2$timeoutMs = _ref2.timeoutMs,
+        timeoutMs = _ref2$timeoutMs === void 0 ? 60000 : _ref2$timeoutMs;
       var events = Array.isArray(eventOrEvents) ? eventOrEvents : [eventOrEvents];
-      var batchId = Math.random().toString(16).slice(2);
-      log('sendExternalEvents:enqueue', {
-        batchId: batchId,
-        count: events.length,
-        timeoutMs: timeoutMs,
-        visibilityState: (_document3 = document) === null || _document3 === void 0 ? void 0 : _document3.visibilityState,
-        hidden: (_document4 = document) === null || _document4 === void 0 ? void 0 : _document4.hidden,
-        gltfInFlight: gltfTracker.getInFlight()
-      });
-      var _iterator3 = _createForOfIteratorHelper(events),
-        _step3;
+      var token = Symbol('batch');
+      var _iterator = _createForOfIteratorHelper(events),
+        _step;
       try {
-        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-          var e = _step3.value;
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var e = _step.value;
           queue.push(e);
         }
       } catch (err) {
-        _iterator3.e(err);
+        _iterator.e(err);
       } finally {
-        _iterator3.f();
+        _iterator.f();
       }
-      var token = Symbol('batch');
       pendingMarkers.add(token);
       queue.push({
         __marker: MARKER,
         token: token
       });
-      log('sendExternalEvents:marker added', {
-        batchId: batchId,
-        queueLength: queue.length,
-        pendingMarkers: pendingMarkers.size
-      });
       drain();
       return new Promise(function (resolve) {
         var start = Date.now();
         var check = /*#__PURE__*/function () {
-          var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
-            var _document5, _document6;
-            return _regeneratorRuntime.wrap(function (_context7) {
-              while (1) switch (_context7.prev = _context7.next) {
+          var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+            return _regeneratorRuntime.wrap(function (_context2) {
+              while (1) switch (_context2.prev = _context2.next) {
                 case 0:
                   if (destroyed) {
-                    _context7.next = 4;
+                    _context2.next = 4;
                     break;
                   }
                   if (pendingMarkers.has(token)) {
-                    _context7.next = 1;
+                    _context2.next = 1;
                     break;
                   }
-                  log('sendExternalEvents:resolved', {
-                    batchId: batchId,
-                    ms: Date.now() - start
-                  });
                   resolve(true);
-                  return _context7.abrupt("return");
+                  return _context2.abrupt("return");
                 case 1:
                   if (!(Date.now() - start > timeoutMs)) {
-                    _context7.next = 2;
+                    _context2.next = 2;
                     break;
                   }
                   error('sendExternalEvents timed out', {
-                    batchId: batchId,
-                    timeoutMs: timeoutMs,
-                    ms: Date.now() - start,
-                    queueLength: queue.length,
-                    pendingMarkers: pendingMarkers.size,
-                    gltfInFlight: gltfTracker.getInFlight(),
-                    visibilityState: (_document5 = document) === null || _document5 === void 0 ? void 0 : _document5.visibilityState,
-                    hidden: (_document6 = document) === null || _document6 === void 0 ? void 0 : _document6.hidden
+                    timeoutMs: timeoutMs
                   });
                   pendingMarkers["delete"](token); // fail-open
                   resolve(false);
-                  return _context7.abrupt("return");
+                  return _context2.abrupt("return");
                 case 2:
-                  _context7.next = 3;
-                  return nextFrameDiag("sendExternalEvents:waiting batch=".concat(batchId), 1000);
+                  _context2.next = 3;
+                  return nextFrame();
                 case 3:
-                  _context7.next = 0;
+                  _context2.next = 0;
                   break;
                 case 4:
                   resolve(false);
                 case 5:
                 case "end":
-                  return _context7.stop();
+                  return _context2.stop();
               }
-            }, _callee7);
+            }, _callee2);
           }));
           return function check() {
-            return _ref6.apply(this, arguments);
+            return _ref3.apply(this, arguments);
           };
         }();
         check();
       });
     },
-    updateExternalEvent: function updateExternalEvent(e) {
-      return api.sendExternalEvents(e);
-    },
-    clearQueue: function clearQueue() {
-      queue.length = 0;
-      pendingMarkers.clear();
-    },
     unmount: function unmount() {
       destroyed = true;
-      api.clearQueue();
+      queue.length = 0;
+      pendingMarkers.clear();
       gltfTracker.uninstall();
-      try {
-        if (longTaskObserver) longTaskObserver.disconnect();
-      } catch (_unused4) {
-        // ignore
-      }
-      var doUnmount = function doUnmount() {
-        try {
-          root.unmount();
-        } finally {
-          container[ROOT_KEY] = null;
-          container[API_KEY] = null;
-        }
-      };
-      if (typeof queueMicrotask === 'function') queueMicrotask(doUnmount);else setTimeout(doUnmount, 0);
+      root.unmount();
+      container[ROOT_KEY] = null;
+      container[API_KEY] = null;
     }
   };
   api.__render(props);