@syntrologie/runtime-sdk 2.8.0-canary.175 → 2.8.0-canary.177

package/dist/components/SyntroBottomSheet.d.ts

@@ -134,6 +134,7 @@ export declare class SyntroBottomSheet extends LitElement {
     private _scrollEl;
     /** Saved body overflow value before we apply scroll lock. */
     private _savedBodyOverflow;
+    private _entryRafId;
     private _onDocumentMousedown;
     private _onScrimClick;
     createRenderRoot(): this;
@@ -158,6 +159,7 @@ export declare class SyntroBottomSheet extends LitElement {
     updated(changed: Map<string, unknown>): void;
     private _lockBodyScroll;
     private _unlockBodyScroll;
+    private _scheduleEntryTransition;
     /** Convert a vertical pointer delta (px, downward = positive) to a vh
      *  offset. Used during drag and for velocity calculations. */
     private _pxToVh;

package/dist/components/SyntroLauncher.d.ts

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

package/dist/index.js

@@ -7698,6 +7698,7 @@ var SyntroBottomSheet = class extends LitElement6 {
     __publicField(this, "_scrollEl", null);
     /** Saved body overflow value before we apply scroll lock. */
     __publicField(this, "_savedBodyOverflow", null);
+    __publicField(this, "_entryRafId", 0);
     // --- Outside-click-to-close (matches SyntroDrawer pattern) ---
     __publicField(this, "_onDocumentMousedown", (e) => {
       if (!this.isOpen) return;
@@ -7790,6 +7791,7 @@ var SyntroBottomSheet = class extends LitElement6 {
   disconnectedCallback() {
     super.disconnectedCallback();
     document.removeEventListener("mousedown", this._onDocumentMousedown);
+    cancelAnimationFrame(this._entryRafId);
     this._unlockBodyScroll();
   }
   updated(changed) {
@@ -7799,6 +7801,7 @@ var SyntroBottomSheet = class extends LitElement6 {
       if (this.isOpen) {
         this.snap = "mid";
         this._lockBodyScroll();
+        this._scheduleEntryTransition();
       } else {
         this._unlockBodyScroll();
       }
@@ -7821,6 +7824,22 @@ var SyntroBottomSheet = class extends LitElement6 {
       this._savedBodyOverflow = null;
     }
   }
+  _scheduleEntryTransition() {
+    if (typeof window === "undefined") return;
+    cancelAnimationFrame(this._entryRafId);
+    this._entryRafId = requestAnimationFrame(() => {
+      const container = this.querySelector('[data-syntro-bottom-sheet="container"]');
+      if (!container) return;
+      const targetTransform = container.style.transform;
+      const targetTransition = container.style.transition;
+      container.style.transition = "none";
+      container.style.transform = "translateY(100vh)";
+      this._entryRafId = requestAnimationFrame(() => {
+        container.style.transition = targetTransition;
+        container.style.transform = targetTransform;
+      });
+    });
+  }
   // ── Snap math ────────────────────────────────────────────────────────────
   /** Convert a vertical pointer delta (px, downward = positive) to a vh
    *  offset. Used during drag and for velocity calculations. */
@@ -7889,6 +7908,7 @@ var SyntroBottomSheet = class extends LitElement6 {
   _onPointerDown(e, fromHandle) {
     var _a3, _b;
     if (this._activePointerId !== null) return;
+    if (!fromHandle && this.snap !== "full") return;
     this._activePointerId = e.pointerId;
     this._dragStartY = e.clientY;
     this._dragStartSnap = this.snap;
@@ -7914,10 +7934,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 = [];
@@ -8018,11 +8043,13 @@ var SyntroBottomSheet = class extends LitElement6 {
       borderRadius: "3px",
       background: "rgba(255, 255, 255, 0.4)"
     };
+    const snapVh = this.snapPoints[this.snap];
     const scrollAreaStyles = {
       flex: "1 1 auto",
       overflowY: "auto",
       padding: "0 1rem 1rem",
-      touchAction: "pan-y"
+      touchAction: "pan-y",
+      maxHeight: `calc(${snapVh}dvh - 56px)`
     };
     return html6`
       <div data-syntro-bottom-sheet="root" style=${styleMap6(rootStyles)}>
@@ -9288,6 +9315,7 @@ var SyntroCanvasOverlay = class extends LitElement7 {
           .themeConfig=${this.themeConfig}
           .launcherIcon=${(_e2 = (_d = (_c = this.themeConfig) == null ? void 0 : _c.launcher) == null ? void 0 : _d.icon) != null ? _e2 : null}
           ?launcherAnimate=${this.launcherAnimate && !this.isOpen}
+          .hasActiveTiles=${this.tiles.length > 0}
           @launcher-toggle=${this._onLauncherToggle}
         ></syntro-launcher>
       </div>
@@ -9503,7 +9531,7 @@ function error(prefix, message, data) {
 }
 
 // src/version.ts
-var SDK_VERSION = "2.8.0-canary.175";
+var SDK_VERSION = "2.8.0-canary.177";
 
 // src/types.ts
 var SDK_SCHEMA_VERSION = "2.0";
@@ -10095,7 +10123,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") {
@@ -10109,7 +10137,8 @@ var SmartCanvasElementLit = class extends LitElement9 {
         ></syntro-inline-shell>
       `;
     }
-    if (!showSurface) 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}
@@ -10118,10 +10147,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>
     `;
@@ -10742,6 +10771,7 @@ 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);
@@ -10904,7 +10934,8 @@ 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"
+      touchAction: "none",
+      opacity: !this.hasActiveTiles && !this.isOpen ? "0.3" : void 0
     };
     const animateClass = this.launcherAnimate && !this.isOpen ? "syntro-launcher-animate" : "";
     const showBadge = !this.isOpen && this.notificationCount > 0;