@syntrologie/runtime-sdk 2.8.0-canary.166 → 2.8.0-canary.168

package/dist/SmartCanvasElementLit.d.ts

@@ -161,6 +161,12 @@ export declare class SmartCanvasElementLit extends LitElement {
     getOverlayContainer(): HTMLDivElement | null;
     /** Direct access to the shadow root (for style injection) */
     getShadowRoot(): ShadowRoot;
+    previewNotification(opts: {
+        title: string;
+        body?: string;
+        icon?: string;
+        ttl?: number;
+    }): void;
     /**
      * Set properties directly on the element. The Lit property change triggers
      * re-render and re-fetch without React.

package/dist/api.d.ts

@@ -71,6 +71,13 @@ export interface SmartCanvasHandle {
     startSessionRecording(): void;
     /** Track a custom event. Returns true if telemetry is available and event was sent. */
     track(eventName: string, properties?: Record<string, unknown>): boolean;
+    /** Push a preview toast notification (used by theme editor to preview notification styles). */
+    previewNotification(opts: {
+        title: string;
+        body?: string;
+        icon?: string;
+        ttl?: number;
+    }): void;
     /**
      * v2 Runtime instance for context, events, state, and decisions.
      */

package/dist/components/SyntroCanvasOverlay.d.ts

@@ -103,6 +103,12 @@ export declare class SyntroCanvasOverlay extends LitElement {
     private _toggle;
     private _handleNotificationClick;
     private _handleNotificationDismiss;
+    previewNotification(opts: {
+        title: string;
+        body?: string;
+        icon?: string;
+        ttl?: number;
+    }): void;
     private _onLauncherToggle;
     private _onDrawerClose;
     render(): import("lit-html").TemplateResult<1>;

package/dist/controllers/NotificationsController.d.ts

@@ -49,6 +49,11 @@ export declare class NotificationsController implements ReactiveController {
     setEventBus(eventBus: EventBus | null): void;
     hostConnected(): void;
     hostDisconnected(): void;
+    /**
+     * Push a notification directly into the visible queue (bypasses EventBus matching).
+     * Used by the theme editor to preview toast styling.
+     */
+    push(notif: ActiveNotification): void;
     /**
      * Manually dismiss a notification by ID.
      * Cancels its auto-dismiss timer and publishes NOTIFICATION_DISMISSED.

package/dist/index.js

@@ -8820,6 +8820,24 @@ var NotificationsController = class {
   // ---------------------------------------------------------------------------
   // Public methods
   // ---------------------------------------------------------------------------
+  /**
+   * Push a notification directly into the visible queue (bypasses EventBus matching).
+   * Used by the theme editor to preview toast styling.
+   */
+  push(notif) {
+    const next = [...this._notifications, notif];
+    if (next.length > MAX_VISIBLE_TOASTS) {
+      const evicted = next.shift();
+      const timerId = this._timerIds.get(evicted.id);
+      if (timerId) {
+        clearTimeout(timerId);
+        this._timerIds.delete(evicted.id);
+      }
+    }
+    this._notifications = next;
+    this.host.requestUpdate();
+    this._scheduleDismiss(notif);
+  }
   /**
    * Manually dismiss a notification by ID.
    * Cancels its auto-dismiss timer and publishes NOTIFICATION_DISMISSED.
@@ -9159,6 +9177,21 @@ var SyntroCanvasOverlay = class extends LitElement7 {
       this._notifications.dismiss(id);
     }
   }
+  // ---- Public API ---------------------------------------------------------
+  previewNotification(opts) {
+    var _a3, _b;
+    const ttl = (_a3 = opts.ttl) != null ? _a3 : 6e3;
+    this._notifications.push({
+      id: `preview-${Date.now()}`,
+      title: opts.title,
+      body: opts.body,
+      icon: (_b = opts.icon) != null ? _b : "\u{1F514}",
+      tileId: "__preview__",
+      createdAt: Date.now(),
+      expiresAt: Date.now() + ttl,
+      ttl
+    });
+  }
   // ---- Child event handlers ----------------------------------------------
   _onLauncherToggle() {
     this._toggle();
@@ -9402,7 +9435,7 @@ function error(prefix, message, data) {
 }
 
 // src/version.ts
-var SDK_VERSION = "2.8.0-canary.166";
+var SDK_VERSION = "2.8.0-canary.168";
 
 // src/types.ts
 var SDK_SCHEMA_VERSION = "2.0";
@@ -10048,6 +10081,11 @@ var SmartCanvasElementLit = class extends LitElement9 {
   getShadowRoot() {
     return this.shadowRoot;
   }
+  previewNotification(opts) {
+    var _a3, _b;
+    const overlay = (_a3 = this.shadowRoot) == null ? void 0 : _a3.querySelector("syntro-canvas-overlay");
+    (_b = overlay == null ? void 0 : overlay.previewNotification) == null ? void 0 : _b.call(overlay, opts);
+  }
   // =========================================================================
   // mountLitApp — entry point for the SmartCanvas API
   // =========================================================================
@@ -10394,6 +10432,13 @@ var SyntroDrawer = class extends LitElement10 {
         }
       );
       if (isLauncherClick) return;
+      const isEditorClick = path.some(
+        (el) => {
+          var _a3, _b, _c;
+          return el instanceof HTMLElement && (((_a3 = el.closest) == null ? void 0 : _a3.call(el, "[data-syntro-editor-panel]")) != null || ((_b = el.closest) == null ? void 0 : _b.call(el, "[data-syntro-tool-panel]")) != null || ((_c = el.closest) == null ? void 0 : _c.call(el, "[data-syntro-fab]")) != null);
+        }
+      );
+      if (isEditorClick) return;
       if (this._containerEl && !path.includes(this._containerEl)) {
         this.dispatchEvent(new CustomEvent("drawer-close", { bubbles: true, composed: true }));
       }
@@ -13495,6 +13540,7 @@ var createSmartCanvas = async (config = {}) => {
       telemetry.track(eventName, properties);
       return true;
     },
+    previewNotification: (opts) => host.previewNotification(opts),
     runtime: runtime5
   };
   if (typeof window !== "undefined") {