@syntrologie/runtime-sdk 2.8.0-canary.174 → 2.8.0-canary.176

package/dist/components/SyntroBottomSheet.d.ts

@@ -142,6 +142,10 @@ export declare class SyntroBottomSheet extends LitElement {
     private get _easing();
     private get _border();
     private get _blur();
+    /** Bottom sheets always overlay page content, so ``transparent``
+     *  (common in push-layout drawer configs) is replaced with a visible
+     *  fallback derived from the overlay background. */
+    private get _background();
     private get _backdrop();
     private get _backdropColor();
     /** Resolved snap-point heights (vh). */

package/dist/components/SyntroLauncher.d.ts

@@ -74,7 +74,6 @@ export declare class SyntroLauncher extends LitElement {
     colorPrimary: string;
     colorPrimaryHover: string;
     launcherConfig: LauncherElementConfig;
-    hasActiveTiles: boolean;
     _launcherPos: {
         x: number;
         y: number;

package/dist/index.js

@@ -7742,8 +7742,21 @@ var SyntroBottomSheet = class extends LitElement6 {
     return (_a3 = this._canvas.border) != null ? _a3 : "1px solid rgba(255, 255, 255, 0.08)";
   }
   get _blur() {
-    var _a3;
-    return (_a3 = this._canvas.blur) != null ? _a3 : "blur(24px)";
+    const blur = this._canvas.blur;
+    if (!blur || blur === "none") return "blur(24px)";
+    return blur;
+  }
+  /** Bottom sheets always overlay page content, so ``transparent``
+   *  (common in push-layout drawer configs) is replaced with a visible
+   *  fallback derived from the overlay background. */
+  get _background() {
+    var _a3, _b;
+    const bg = this._canvas.background;
+    if (!bg || bg === "transparent" || bg === "none") {
+      const overlayBg = (_b = (_a3 = this.themeConfig) == null ? void 0 : _a3.overlay) == null ? void 0 : _b.background;
+      return overlayBg != null ? overlayBg : "rgba(0, 0, 0, 0.85)";
+    }
+    return bg;
   }
   get _backdrop() {
     var _a3;
@@ -7901,10 +7914,15 @@ var SyntroBottomSheet = class extends LitElement6 {
     }
     if (!this._gestureCommitted) {
       if (Math.abs(dyPx) < 6) return;
+      if (this.snap !== "full") {
+        this._activePointerId = null;
+        this._samples = [];
+        return;
+      }
       const draggingDown = dyPx > 0;
       const contentScrollTop = (_b = (_a3 = this._scrollEl) == null ? void 0 : _a3.scrollTop) != null ? _b : 0;
       const contentAtTop = contentScrollTop <= 0;
-      const shouldTakeOver = draggingDown ? contentAtTop : this.snap !== "full" && contentAtTop;
+      const shouldTakeOver = draggingDown && contentAtTop;
       if (!shouldTakeOver) {
         this._activePointerId = null;
         this._samples = [];
@@ -7980,7 +7998,7 @@ var SyntroBottomSheet = class extends LitElement6 {
       display: "flex",
       flexDirection: "column",
       color: "var(--sc-overlay-text-color)",
-      background: "var(--sc-canvas-background)",
+      background: this._background,
       backdropFilter: this._blur,
       WebkitBackdropFilter: this._blur,
       borderTop: this._border,
@@ -7992,7 +8010,7 @@ var SyntroBottomSheet = class extends LitElement6 {
     };
     const handleStyles = {
       flex: "0 0 auto",
-      height: "44px",
+      height: "56px",
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
@@ -8000,10 +8018,10 @@ var SyntroBottomSheet = class extends LitElement6 {
       touchAction: "none"
     };
     const grabberStyles = {
-      width: "40px",
-      height: "4px",
-      borderRadius: "2px",
-      background: "rgba(255, 255, 255, 0.3)"
+      width: "48px",
+      height: "5px",
+      borderRadius: "3px",
+      background: "rgba(255, 255, 255, 0.4)"
     };
     const scrollAreaStyles = {
       flex: "1 1 auto",
@@ -9274,7 +9292,6 @@ var SyntroCanvasOverlay = class extends LitElement7 {
           .notifications=${notifications}
           .themeConfig=${this.themeConfig}
           .launcherIcon=${(_e2 = (_d = (_c = this.themeConfig) == null ? void 0 : _c.launcher) == null ? void 0 : _d.icon) != null ? _e2 : null}
-          .hasActiveTiles=${this.tiles.length > 0}
           ?launcherAnimate=${this.launcherAnimate && !this.isOpen}
           @launcher-toggle=${this._onLauncherToggle}
         ></syntro-launcher>
@@ -9491,7 +9508,7 @@ function error(prefix, message, data) {
 }
 
 // src/version.ts
-var SDK_VERSION = "2.8.0-canary.174";
+var SDK_VERSION = "2.8.0-canary.176";
 
 // src/types.ts
 var SDK_SCHEMA_VERSION = "2.0";
@@ -10083,7 +10100,7 @@ var SmartCanvasElementLit = class extends LitElement9 {
   }
   // ---------- Render -------------------------------------------------------
   render() {
-    var _a3, _b, _c, _d;
+    var _a3, _b, _c, _d, _e2, _f, _g;
     const hasContent = this._tiles.length > 0 && !this._error;
     const showSurface = this._isLoading || hasContent;
     if (this._displayMode === "inline") {
@@ -10097,7 +10114,8 @@ var SmartCanvasElementLit = class extends LitElement9 {
         ></syntro-inline-shell>
       `;
     }
-    if (!showSurface && !__privateGet(this, _rawConfig)) return nothing8;
+    const configHasTiles = ((_d = (_c = (_b = __privateGet(this, _rawConfig)) == null ? void 0 : _b.tiles) == null ? void 0 : _c.length) != null ? _d : 0) > 0;
+    if (!showSurface && !configHasTiles) return nothing8;
     return html9`
       <syntro-canvas-overlay
         .isOpen=${this._isOpen}
@@ -10106,10 +10124,10 @@ var SmartCanvasElementLit = class extends LitElement9 {
         .error=${this._error}
         .canvasTitle=${this._canvasTitle}
         .displayMode=${this._displayMode}
-        .runtimeRef=${(_b = this.runtime) != null ? _b : null}
-        .telemetry=${(_c = this.telemetry) != null ? _c : null}
+        .runtimeRef=${(_e2 = this.runtime) != null ? _e2 : null}
+        .telemetry=${(_f = this.telemetry) != null ? _f : null}
         .themeConfig=${__privateGet(this, _themeCtrl).config}
-        ?launcherAnimate=${!!((_d = this._launcher) == null ? void 0 : _d.animate)}
+        ?launcherAnimate=${!!((_g = this._launcher) == null ? void 0 : _g.animate)}
         @canvas-toggle=${__privateGet(this, _onCanvasToggle)}
       ></syntro-canvas-overlay>
     `;
@@ -10730,7 +10748,6 @@ var SyntroLauncher = class extends LitElement11 {
     __publicField(this, "colorPrimary", TOKEN_PURPLE_42);
     __publicField(this, "colorPrimaryHover", TOKEN_PURPLE_5);
     __publicField(this, "launcherConfig", {});
-    __publicField(this, "hasActiveTiles", true);
     // --- Private reactive state ---
     __publicField(this, "_launcherPos", null);
     __publicField(this, "_hovered", false);
@@ -10875,7 +10892,6 @@ var SyntroLauncher = class extends LitElement11 {
       right: isRight ? "2.5rem" : void 0,
       left: !isRight ? "2.5rem" : void 0
     };
-    const idleFade = !this.hasActiveTiles && !this.isOpen;
     const buttonStyles = {
       position: "fixed",
       ...positionStyles,
@@ -10894,8 +10910,7 @@ var SyntroLauncher = class extends LitElement11 {
       border: "none",
       backgroundColor: "var(--sc-launcher-background)",
       cursor: ((_a3 = this._drag) == null ? void 0 : _a3.dragged) ? "grabbing" : "pointer",
-      touchAction: "none",
-      opacity: idleFade ? "0.3" : "1"
+      touchAction: "none"
     };
     const animateClass = this.launcherAnimate && !this.isOpen ? "syntro-launcher-animate" : "";
     const showBadge = !this.isOpen && this.notificationCount > 0;