@syntrologie/adapt-chatbot 2.8.0-canary.280 → 2.8.0-canary.282

package/dist/AdaptiveChatBar.js

@@ -1,8 +1,8 @@
 import {
   AdaptiveChatBar
 } from "./chunk-QELVKBQV.js";
-import "./chunk-LX2VCWH5.js";
-import "./chunk-BDFKAVVA.js";
+import "./chunk-XP2UFKPG.js";
+import "./chunk-K2IG34L7.js";
 import "./chunk-UVKRO5ER.js";
 export {
   AdaptiveChatBar

package/dist/AdaptiveChatTrail.js

@@ -1,7 +1,7 @@
 import {
   AdaptiveChatTrail
-} from "./chunk-LX2VCWH5.js";
-import "./chunk-BDFKAVVA.js";
+} from "./chunk-XP2UFKPG.js";
+import "./chunk-K2IG34L7.js";
 import "./chunk-UVKRO5ER.js";
 export {
   AdaptiveChatTrail

package/dist/ChatAssistantLit.js

@@ -2,7 +2,7 @@ import {
   ChatAssistantLitMountable,
   renderFallbackHtml
 } from "./chunk-FQ7QUZZ3.js";
-import "./chunk-BDFKAVVA.js";
+import "./chunk-K2IG34L7.js";
 import "./chunk-435KJD27.js";
 import "./chunk-UVKRO5ER.js";
 export {

package/dist/{chunk-BDFKAVVA.js → chunk-K2IG34L7.js}

@@ -2917,8 +2917,11 @@ function injectChatStyles(root = typeof document === "undefined" ? void 0 : docu
   const style = document.createElement("style");
   style.id = STYLE_ID;
   style.textContent = STYLE_RULES;
-  const target = root instanceof Document ? root.head : root;
-  target.appendChild(style);
+  if (root instanceof Document) {
+    root.head.appendChild(style);
+    return;
+  }
+  root.insertBefore(style, root.firstChild ?? null);
 }
 var SyntroChat = class extends LitElement {
   constructor() {
@@ -3093,8 +3096,7 @@ var SyntroChat = class extends LitElement {
   }
   connectedCallback() {
     super.connectedCallback();
-    const root = this.getRootNode();
-    injectChatStyles(root instanceof ShadowRoot || root instanceof Document ? root : document);
+    this._ensureStylesInRoot();
     if (this.transport) {
       this._unsubscribe = this.transport.subscribe(this._handleEvent);
       this.transport.connect();
@@ -3107,9 +3109,42 @@ var SyntroChat = class extends LitElement {
     this.transport?.disconnect();
   }
   firstUpdated() {
+    this._ensureStylesInRoot();
     this._scrollContainer = this.querySelector("[data-sc-scroll-area]");
     this._scrollContainer?.addEventListener("scroll", this._handleScroll);
   }
+  /**
+   * Resolve the *effective* rendering root for this chat instance.
+   *
+   * `this.getRootNode()` will follow shadow boundaries, but in the editor
+   * surface the chat is created via `document.createElement('syntro-chat')`
+   * and then committed into the smart-canvas shadow tree by Lit several
+   * frames after `connectedCallback`. During that window
+   * `getRootNode()` returns Document even though the element ultimately
+   * lives in a shadow root (BUG-1779636600).
+   *
+   * Walk the parent chain manually, hopping across shadow boundaries via
+   * `.host`, and return the deepest enclosing `ShadowRoot` we can reach.
+   * Fall back to `getRootNode()` (Document or self) when no shadow root
+   * is in the chain — that's the host-page chatbot case.
+   */
+  _resolveStyleRoot() {
+    let node = this;
+    while (node) {
+      const parent = node.parentNode;
+      if (parent) {
+        node = parent;
+        continue;
+      }
+      if (node instanceof ShadowRoot) return node;
+      break;
+    }
+    const r = this.getRootNode();
+    return r instanceof ShadowRoot || r instanceof Document ? r : document;
+  }
+  _ensureStylesInRoot() {
+    injectChatStyles(this._resolveStyleRoot());
+  }
   updated() {
     this._injectCodeCopyButtons();
   }
@@ -3235,4 +3270,4 @@ export {
 dompurify/dist/purify.es.mjs:
   (*! @license DOMPurify 3.3.1 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.3.1/LICENSE *)
 */
-//# sourceMappingURL=chunk-BDFKAVVA.js.map
+//# sourceMappingURL=chunk-K2IG34L7.js.map